/* BASIC css start */
#header.active{
    background:#fff;
}
#header.sub-header1.white{
    background:#fff;
}
#header.sub-header1.white .header__top{
    background:#fff;
    
}
/*상세 상단*/
#pageName{
    display:none;
}
#header.sub-header1{
    position:fixed;
    width:100%;
    background:transparent;
    z-index:1000;
}
#header.sub-header1 .header__top{
    background:transparent;
    border-bottom:0px;
}
#header.sub-header1 h2{
    height:55px;
    line-height:55px;
    text-align:center;
    color:#4e4e4e;
    font-size:17px;
    font-weight:400;
    font-family:'Noto Sans KR';
    letter-spacing:-0.4px;
}
#header.sub-header1 h2 > a{
    position:relative;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-family: 'Noto Sans KR';
    font-size: 18px;
    font-weight: 500;
    color: #4e4e4e;
    letter-spacing: -0.45px;
    display: inline-block;
    padding: 0 15px;
    vertical-align:middle;
}
#header.sub-header1 h2 > a::after{
    content:'';
    position:absolute;
    top:6px;
    right:0;
    display:inline-block;
    width: 14px;
    height: 12px;
    background-image: url('/design/ooo1069/2020_m_renew/cate_btn_menu_all.png');
    background-size: 14px auto;
    background-repeat: no-repeat;
    background-position: center left;
    background-color: #fff;
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
}
#header.sub-header1 h2 > a.active::after{
     transform: rotate(180deg);
    transition: transform 0.2s ease-in-out;
}
#header.sub-header1 .header__top__menus{
    position:absolute;
    top:13px;
    right:8.5px;
    font-size:0px;
}
#header.sub-header1 .header__top__menus a {
    display:inline-block;
    height:30px;
    vertical-align:top;
    text-align:center;
    margin-left:3.5px;
    vertical-align:top;
}
#header.sub-header1 .header__top__menus a img{
    width:100%;
    height:auto;
    vertical-align:top;
}
#header.sub-header1 .header-back{
    position:absolute;
    top:13px;
    left:6px;
    display:inline-block;
    width:30px;
    height:30px;
    background:url('/design/ooo1069/2020_m_renew/sub_header_icon_back.png')no-repeat center center;
    background-size:30px auto;
}
#header.sub-header1 .header__top__menus .header__top_search{
    width:30px;
    height:30px;
    background:url('/design/ooo1069/2020_m_renew/sub_header_icon_search.png')no-repeat center center;
    background-size:30px auto;
    transition: background-image 0.2s ease-in-out;
    margin-top:1px;
}
#header.sub-header1 .header__top__menus .header__top_search.active{
    background:url('/design/ooo1069/2020_m_renew/heder__top_menu_search_close.png')no-repeat center center;
    background-size:30px auto;
    transition: background-image 0.2s ease-in-out;
}

#header.sub-header1 .header__top__menus .header__top_home{
    position:relative;
    height:30px;
}
#header.sub-header1 .header__top__menus .header__top_home > img{
    height:100%;
    width:auto;
   
}


/* BASIC css end */