/* ============================================= 
	Ŀ�´�Ƽ �ڽ� ������
============================================= */

/* ���� �ʺ� 900px �̻��̸鼭 1300px ������ �� */
@media all and (min-width:900px) and (max-width:1300px) { 
	.main_community .bannerBox .leftArea { float:none; margin:0 auto; } 
	.main_community .bannerBox div.rightArea { clear:both; float:none; width:100%; text-align:center; padding-top:3.5%; }
	.main_community .bannerBox div.rightArea li { float:none; display:inline-block; *display:inline; *zoom:1; }
	.main_community .bannerBox div.rightArea li.marginB { margin-bottom:0; }
	.main_community .bannerBox div.rightArea li.review { margin-right:10px; }
 }

/* ���� �ʺ� 512px �̻��̸鼭 899px ������ �� */
@media all and (min-width:512px) and (max-width:899px) { 
	.main_community .bannerBox .leftArea { float:none; width:500px; margin:0 auto; }
	.main_community .bannerBox .leftArea div.slider_banner { margin-right:5px; }
	.main_community .bannerBox div.rightArea { clear:both; float:none; width:100%; text-align:center; padding-top:3.5%; }
	.main_community .bannerBox div.rightArea ul { font-size:0; }
	.main_community .bannerBox div.rightArea li { float:none; display:inline-block; *display:inline; *zoom:1; width:121px; height:121px; padding-top:85px; }
	.main_community .bannerBox div.rightArea li.marginB { margin-bottom:0; }
	.main_community .bannerBox div.rightArea li.marginR { margin-right:5px; }
	.main_community .bannerBox .rightArea li.blog { background-size:53px auto; }
	.main_community .bannerBox .rightArea li.review { background-size:39px auto; margin-right:5px; }
	.main_community .bannerBox .rightArea li.qa { background-size:53px auto; }
	.main_community .bannerBox .rightArea li.kakao { background-size:55px auto; }
 }

/* ���� �ʺ� 320px �̻��̸鼭 511px ������ �� */
@media all and (min-width:320px) and (max-width:511px) { 
	.main_community .bannerBox .leftArea { float:none; width:100%; margin:0 auto; }
	.main_community .bannerBox .leftArea div.slider_banner { float:none; width:100%; margin-right:0; }
	.main_community .bannerBox .leftArea div.map_banner { display:none; }
	.main_community .bannerBox .leftArea div.map_banner2 { display:block; padding:15px 0; }
	.main_community .bannerBox div.rightArea { clear:both; float:none; width:100%; text-align:center; padding-top:10px; }
	.main_community .bannerBox div.rightArea ul { font-size:0; }
	.main_community .bannerBox div.rightArea li { float:left; width:48%; height:auto; margin:1%; padding:16px 0; background:#fff !important; border:1px solid #ddd; border-radius:10px; }
	.main_community .bannerBox div.rightArea li a { color:#555 !important; }
	.main_community .bannerBox div.rightArea li.marginB { margin-bottom:0; }
	.main_community .bannerBox div.rightArea li.marginR { margin-right:0; }
	.main_community .bannerBox .rightArea li.blog,
	.main_community .bannerBox .rightArea li.review,
	.main_community .bannerBox .rightArea li.qa,
	.main_community .bannerBox .rightArea li.kakao { background:none; }
 }




/* ============================================= 
	������
============================================= */

/* 1200px ���� */
@media (max-width:1200px) {
	.boundary.header_in{max-width:100%;}
	.header_in { min-height:48px; margin:10px auto; }
	#logo { display:none; }
	#logo2 {display:flex;align-items: center;justify-content: center; }
	#gnb li,
	#hd_tnb li { margin:0; }
	#hd_tnb { display:none; }
	#rightMenu { display:block !important;}
}

/* 992px ���� */
@media all and (max-width:992px) {

	.main_title { font-size:26px; }
	.main_intro li { padding:0 20px; }
	.main_intro li div { font-size:20px; }
	.main_community { padding:5.5% 0; }

	#footer .foot_csBox .csinfo p.cs_num { font-size:1.714em; }
	#footer .foot_csBox .csinfo p.cs_bank { font-size:1.429em; }

	#footer .foot_info { font-size:13px; }

	#footer .ft_escrow img { display:none; }
	#footer .ft_escrow a { display:block; width:120px; margin:10px auto 0; }

}

/* 768px ���� */
@media all and (max-width:910px) {

	#gnb { display:none; }

	.main_title { font-size:24px; }
	.main_intro li { padding:0 5px; }
	.main_community { padding:7% 0; }

	#footer .foot_csBox { padding:7% 0; }
	#footer .foot_csBox .csinfo { margin-top:7%; }
	#footer .ft_link { margin-top:7%; }
}

/* 320px ~ 767px */
@media all and (min-width:320px) and (max-width:767px) { 
	.hd-admin a { padding:13px 10px; }

	.main_title { font-size:20px; margin:0 30px; }
	.main_title p { font-size:0.65em; }
	.main_title h2 br { content:""; }
	.main_intro ul { margin-top:10%; }
	.main_intro li { float:none; display:block; margin:0 0 20px; }
	.main_intro li div.imgBox { margin:0; padding:0 0 10px; }
	.main_intro li div.imgBox p { display:none; }
	.main_community { padding:10% 0; }
	.main_community .bannerBox .rightArea li a { font-size:15px; }

	#footer .foot_csBox { padding:10% 0; }
	#footer .foot_csBox .csinfo { display:block; text-align:center; }
	#footer .foot_csBox .space { border-right:0; padding-right:0; margin-right:0; }
	#footer .foot_csBox .csinfo p.cs_num { font-size:1.429em; }
	#footer .foot_csBox .csinfo p.cs_bank { font-size:1.286em;  }
	#footer .foot_csBox .csinfo p.cs_txt { text-align:center; }
	#footer .foot_info { font-size:12px; }
	#footer .ft_link li { padding:0 5px; }
	#footer .ft_con,
	#footer .ft_copy { margin:3.5% 30px 0; }
	#footer .ft_escrow { margin:3.5% auto 2%; }

	#top_btn { display:none; }
}

/* 320px ���� */
@media all and (max-width:320px) {
	.main_title { font-size:18px; margin:0 20px; }
	.main_intro li div.imgBox img { width:80px; }
	.main_intro li div a { font-size:0.9em; }
	.main_community .bannerBox .rightArea li a { font-size:14px; }
}