@charset "utf-8"; 


/* 로고2 */ 
#header h1.logoBox2 {position:absolute; left:50%; top:30px; margin-left:-700px; z-index:100;}
#header h1.logoBox2 a {display: flex;height:50px;line-height:50px;align-items: center;}
#header h1.logoBox2 a p.pc_blue {color:#004E96;}
#header h1.logoBox2 a span{display:block;}
#header h1.logoBox2 a .logo {width:140px; height:36px; overflow:hidden; text-indent:-99999%; background:url('/images/common/E_layout/logo.svg') no-repeat center;}
#header h1.logoBox2 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.logoBox2 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) {
	/* 로고2*/ 
	#header h1.logoBox2 {left:2%; margin-left:0;}
}

@media screen and (max-width:1200px) {
	/* 로고2*/ 
	#header h1.logoBox2 {top: 20px;}
}

@media screen and (max-width:860px) {	
	/*로고2 */
	/* #header h1.logoBox2 a .name{max-width: calc(100% - 50px);} */
}
@media screen and (max-width:640px) {	
	/*로고2 */
	/* #header h1.logoBox2 a .name{max-width: calc(100% - 200px);} */
}

@media screen and (max-width:560px) {	
	/* 로고2 260701 모바일 수정*/ 
		#header h1.logoBox2 a .logo {width: 30px;height: 33px;background-size: cover;background-position: left;}
	#header h1.logoBox2 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.logoBox2 a .name::before{display:none;}
}