@media screen and (max-width: 980px) { 
    body          {font-size:11px;color:#000;}	 
	#header-box   {position:fixed;top:0;padding-bottom:0;width:100%;height:44px;z-index:999;background-color: #FFF;}
	.header-container {display:none;}
	.header-search-layout {height:44px;line-height:40px;}
	.hidden-menu  {display:none !important;}
	#header-mobile    {display:block;}
	
    .icon-login   {position:absolute;left:16px;top:8px;display:block;z-index:1;color:#009cde;width:36px;font-size:24px;line-height:36px;text-align:center;}

/*********** mobile menu **********/
	.widget-user-img {
		float: left;
		width: 50px;
		height: 50px;
		margin: 0 10px 0 0;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
	}
	.nav-close {
	    width:100%;
		float:left;
		display:block;
		background-color:#ffffff;
	}	
	.nav-mobile .nav-close {
		display:none;
	}
	.nav-m-menu-close {
	    position:relative;
		text-align:center;
		width:80px;
		line-height:50px;
		color: #666;
		font-size:24px;	
	}
	.nav-mobile .nav-m-pro {
		display: block;
		outline: none;
		padding-left: 80px;
		font-size: 12px;
		line-height:40px;
		letter-spacing:0px;
		color: #666;
		text-transform: uppercase;
		text-decoration: none;
	}
	.nav-m-home {
	    margin:auto;
		margin-top:12px;
		width:121px;
		height:34px;
		display: block;	
		background-image: url("../images/top/home-logo.svg");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.nav-search-box {
	    position:relative;
	    margin:auto;
		padding:10px 30px;
		background-color:#ffffff;
		font-size:14px;	
	}
	.nav-search-li {
		float:left;
		text-align:center;
		height:80px;
	}
	.nav-icon-text {
	    float:left;
		line-height:56px;
		font-size:12px;
	}
	.nav-m-li {
		width:50%;
		float:left;
	}
	.nav-m-menu-list {
		position: absolute;
		top:0;
		right:0;
		text-align:center;
		width:30px;
		color: #666;
		font-size:16px;
		padding-right: 20px;
	}
	a.log-bg2      {
		width:160px;
		height:40px;
		text-align:left;
		margin:10px 0 10px 50px;	
		padding:0 16px;
		line-height:40px;
		border-radius: none;
		border:0 none;
		color: #666;
	}
/*********** mobile menu End **********/
	#searchform {
		top:auto;
		bottom:8%;
		width:98%;
		padding:3% 0;	
		border: 1px solid rgba(0, 0, 0, 0.2);
		background: rgba(0, 0, 0, 0.6);
	}
	
    #searchform #s     {height:33px;}
	#search-box        {width:94%;margin:auto;padding:0;background-color: transparent;}
	#search-keyword    {width:100%;}
    #search-but        {width:100%;}
	#home-service      {width:100%;padding:0;float:none;margin:0;}
	#home-service-area {width:100%;padding:0;float:none;margin:0;clear:both;}
	#home-service-but  {width:100%;padding:0;float:none;margin:0;}
	.button-search     {width:100%;padding:12px 0 12px 0;float:none;margin:auto;}
	.form-control      {width:95%;padding:13px 0 13px 5%;margin:0 auto 10px auto;}
	.input-group-btn   {top:5px;right:60px;}
	#search-sub  {position:relative !important;margin:auto;margin-top:5px;}	
	#membox-map  {float:none;width:100%;}
	#mobile_map2 {position:relative;margin:auto;width:100%;}
	#membox-time {float:left;width:90%;padding:20px 5%;}
	.ds-img      {display:block;}
    .ds-img2     {height:auto;padding:20px 0;}
	.How-left    {float:none !important;}
    .How-right   {float:none !important;}
	.pull-left   {float:none !important;}
    .pull-right  {float:none !important;}
    #main-box    {width:100%;padding:0 0 1% 0;}       
	
/* 회원상세페이지 */	
	#membox-img    {width:100%;float:left;}
    .membox-layout {width:100%;float:left;font-size:12px;}
    .membox-titbox {width:100%;float:left;}
/* Blog */
	#content     {width:90%;padding:20px 0;margin:10px auto;}
	#blog-about  {float:left;width:100%;display:none;}
	#blog-layout {width:100%;}
	.list_img    {height:240px;}
/* footer */
    .footer-li       {width:50%;padding:0 0 50px 0;float:left;}
	.footer-addressbox {line-height:240%;}
}


@media screen and (max-width: 760px) {     
	nav.header-nav>.applinks_center {display:none;}
}
/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {     
    #testMap     {height:350px;}
	.if_youtube  {height:300px;}
	.bzcard-send-box-msg {
		font-size:16px;
		/*무료명함 신청 하단*/
	}
}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
	html {-webkit-text-size-adjust: none;} 	
	#testMap     {height:300px;}
	/* 2015.2.17 상세페이지 */
	.list_img   {width:90%;height:180px;}
	#membox-pro.left  {float:none;width:100%;max-width:260px;margin:auto;}
	#membox-pro.right {float:right;width:100%;}
	#membox-fillter  li {height:26px;line-height:26px;font-size:11px;}
	#mem-photo li       {width:58px;height:31px;margin:0 3px 3px 0;}
	 .footer-li       {width:100%;padding:0 0 50px 0;float:left;}
}
@media screen and (max-width: 380px) {  
    #testMap        {height:280px;}		
	.if_youtube     {height:250px;}    
}

@media screen and (max-width: 980px) {
	.hp__h0   {  font-size: 42px;}
	.hp__h1   {  font-size: 32px; }
	.hp__h2   {  font-size: 30px; }
	.hp__h3   {  font-size: 28px; }
	.hp__h4   {  font-size: 24px; }
	.mobile__br { display:none;}
}