@charset "utf-8"; 

/* logobox2 -> logobox_help 클래스명 변경 */


/* 지원센터홈페이지 */ 
#header h1.logoBox_help {position:absolute;left:50%;top: 54px;margin-left:-700px;z-index:100;}
#header h1.logoBox_help a {display: flex;height:50px;line-height:50px;align-items: center;}
#header h1.logoBox_help a p.pc_blue {color:#004E96;}
#header h1.logoBox_help a span{display:block;}
#header h1.logoBox_help a .logo {width: 240px;height: 50px;overflow:hidden;text-indent:-99999%;background:url('/images/common/E_layout/logo.svg') no-repeat center;}
#header h1.logoBox_help a .name{position:relative;line-height: 1.2;padding-left:8px;margin-left:4px;font-size:18px;color:#000;font-family: 'NotoB';text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#header h1.logoBox_help a .name::before{content:"";position:absolute;left:0;top: 50%;transform: translateY(-50%);width:1px;height:25px;background:#999;}


/********** Media quary **********/
@media screen and (max-width:1420px) {
	/* 지원센터홈페이지 */ 
	#header h1.logoBox_help {left:2%; margin-left:0;}
}

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

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

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

}

@media screen and (max-width:560px) {	
	/* 지원센터홈페이지 */ 
	#header h1.logoBox_help a .logo {width: 30px;height: 33px;background-size: cover;background-position: left;}
	#header h1.logoBox_help a .name{font-size: 15px;padding-left:0;max-width: 228px;word-break: auto-phrase;text-overflow: unset;white-space: normal;line-height: 1.2;margin-top: 0;}
	#header h1.logoBox_help a .name::before{display:none;}

	/* 지원센터홈페이지 */
	#tabletLogo {padding: 20px 0 0;}
	#tabletLogo img {height:30px;}
}