@charset "UTF-8";
/*******

PYH CSS RESET
반응형을 위한 css입니다.

*******/


@media screen and (max-width:639px) {

	/*main*/
	
	.ma1_box { overflow: hidden;  width: 100%; }
	/*menu*/
	.m_menu {width:100%;}
	.m_menu .nav-top {padding:20px;}
	.m_menu .nav-top .btn-x {right:20px;}
	.board .List p { width:63% !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.875em; color:#333;}

}
@media screen and (max-width:570px) {
	.top-left {top: 18px;}
	.top-left a img {height: 35px;}
	.logo a img {height: 40px;}
	.top-right {top: 25px;}
	.top-right a img {height: 25px;}
}

@media screen and (max-width:409px) {
	.btnArea img {height:21px !important;}
	.sub-listbox li a {font-size:11px;}
	/*.row-inner .member-btn a {margin-right:6px;font-size:12px;}*/
	.row-inner .member-btn a:last-child {margin-right:0;}
	.row-inner .member-btn a:before {margin:0 auto;background-size:35px !important;width:40px;}
	.member-btn a.member-btn2 {margin-right: 0;}


}

@media screen and (max-width:390px) {
	.footer_r {margin-top:0;} 
	.top-left a img {height: 30px;}
	.logo a img {height: 32px;}
	.top-right {top: 20px;}
	.top-right a img {top: 22px;}
	.member-list .row-inner .desc {font-size: 12px;}
	.member-list .row-inner .tit {font-size: 15px;}



}

@media screen and (max-width:330px) {
	.member-list .row-inner .img {width: 25%;}
	.member-list .row-inner .info {width: 70%;}
	.row-inner .member-btn {overflow: hidden; width: 100%; text-align: center; float: none; padding-top: 10px;}
	.row-inner .member-btn a {width: auto;}
	.row-inner .member-btn a:before {background-size: 100% 100% !important; width: 40px;}
	.member-btn a {margin-right: 2% !important;}
}