/* -------------  sub04 케어하기 전용 헤더 : #sub_header */
#sub_header {
    position: fixed; z-index: 999;
    top: 0; left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    transition: all 0.4s ease;
	border: 1px solid #ddd;
}
 #sub_header a,  { color: #fff;}
 #sub_header .cont_top ,
 #sub_header .cont, 
 #sub_header .cont .nav {
    display: flex; flex-flow: row nowrap;
}
 #sub_header .cont .btn_m_nav,
 #sub_header .cont .m_nav {display:none;}

 #sub_header .cont_top {
    background-color: #2B3A67;
    width: 100%; height: 34px;
    align-items: center;
    justify-content: space-between;
    padding: 0 50px;
}
 #sub_header .cont_top a {transition:all 0.3s;}
#sub_header .cont_top a.left {display:inline-block; color: #fff;}

#sub_header .cont_top a.left:hover::after {display:block;}

#sub_header .cont_top a.left img {}
#sub_header .cont_top .right {display:inline-block; height:100%;}
#sub_header .cont_top .right a { padding:0 15px; line-height:34px; color: #fff; font-size: 0.875rem; }
#sub_header .cont_top .right a:hover {background-color:#5872C0;}

 #sub_header .cont {
	background-color: #fff;
    width: 100%; height: 65px;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
    transition: all 0.4s;
}
 #sub_header .cont:hover {background-color: rgba(255, 255, 255, 1);}
 #sub_header .cont:hover a {color: #565770; }

 #sub_header .cont a {color:#2B3A67;}
 #sub_header .cont h1 {}
 #sub_header .cont h1 a { font-size: 1.5rem; font-weight: 600;}
 #sub_header .cont .nav li {
    margin-right: 80px;
}
 #sub_header .cont .nav li:last-child {margin: 0;}
 #sub_header .cont .nav li a { position:relative; font-size: 1.125rem; }
 #sub_header .cont .nav li a::after { 
    content: ''; display: inline-block;
    width: 0%; height: 2px;
    position: absolute;
    bottom: -3px; left: 0;
    background-color: #111;
    transition: all 0.4s;
}
 #sub_header .cont .nav li a:hover::after {width: 100%;}
 
 
 
 @media screen and (max-width: 600px) {
	/*모바일*/
	#subCare #sub_header .cont_top {padding:0 16px;}
	#subCare #sub_header .cont {padding:0 16px;}
	#subCare #sub_header .cont h1 a {width: 162px;}
	#subCare #sub_header .cont .nav {display:none;}
	#subCare #sub_header .cont .btn_m_nav,
	#subCare #sub_header .cont .m_nav {display:block; display:none;}
	#subCare #sub_header .cont .m_nav {
		position:absolute; top:0; right:0; 
		background-color:#2B3A67; z-index:999;
		width: 100vw; height: 100vh; text-align: right;
	}
	#subCare #sub_header .cont .m_nav li {width: 100%; height:calc(100vh / 9); padding: 16px 0;}
	#subCare #sub_header .cont .m_nav li.m_nav_close {}
	#subCare #sub_header .cont .m_nav li a { display:inline-block; width:100%; line-height:calc(100vh / 9); color:#fff; padding: 0 40px;}
	#subCare #sub_header .cont .m_nav li a:hover {background-color:#5872C0;}
}