/** header **/
    #header { z-index:99; position:relative; }
        #header.fixed { margin-bottom:-140px; }


/** header_01 **/
    #header .header_01_wrap { position:relative; z-index:3; width:100%; }
    #header.fixed .header_01_wrap { position:fixed; top:0; left:0; }

    /* 홈버튼 */
    #slide_home { position:absolute; z-index:1; top:-39px; left:0px; width:39px; height:39px; transition:top .3s 1s ease; }
    #slide_home img { width:100%; }
        #header.fixed #slide_home { top:0px; transition-delay:1s; }

    /* 상단메뉴 */
    #header .header_01 { display:block; border-bottom:1px solid #eaeaea; background:rgba(255,255,255,.95); transition:padding .3s 1.5s, box-shadow 1s ease; }
    #header .header_01 ul { font-size:0; letter-spacing:-4px; }
    #header .header_01 li { position:relative; display:inline-block; width:20%; letter-spacing:0; }
    #header .header_01 li a { position:relative; display:block; height:39px; line-height:42px; background:url('/design/joylife/m/_wg/img/bar_e.gif') no-repeat 100% 50%; text-align:center; font-size:11px; color:#222; font-weight:200; }
    #header .header_01 li a.last { background:none; }
    #header .header_01 li strong { font-weight:600; }
        #header.fixed .header_01 { padding:0 0 0 40px; box-shadow:0 3px 4px rgba(0,0,0,0.15); border-bottom:none; transition-delay:.3s; }
    
    /* 장바구니 아이콘 */
    #header .header_01 li a .count { position:absolute; top:30px; left:50%; width:15%; margin-left:-12%; padding:1px 3px 0; border:1px solid #d01818; background-color:#e52728; border-radius:4px; color:#fff; font-weight:600; font-size:10px; line-height:16px; text-align:center; transition:opacity .8s 1s, top .8s 1s ease; }
        #header.fixed .header_01 li a .count { top:20px; opacity:0; -webkit-opacity:0; }

    /* 움직이는 적립금 아이콘 */
    #header .header_01 .header_point { position:absolute; z-index:1; top:32px; left:50%; width:55px; height:20px; margin:0 0 0 -28px; line-height:22px; background:#111; border-radius:4px; font-size:10px; font-weight:600; letter-spacing:0; text-align:center; color:#fff; transition:box-shadow 1s, opacity .8s 1s, top .8s 1s ease; }
        #header.fixed .header_01 .header_point { top:20px; opacity:0; -webkit-opacity:0; }



/** header_02 **/
    .header_02 { position:relative; display:block; height:60px; margin:25px 0; }
        #header.fixed .header_02 { margin:65px 0 25px; }

    /* 로고 */
    .header_02 #logo { height:60px; text-align:center; }
    .header_02 #logo img { max-width:100%; max-height:60px;; vertical-align:middle; }

    /* 패널열기버튼 공통 */
    .header_02 .d_panel_open { position:absolute; top:50%; width:40px; height:40px; line-height:45px; margin-top:-20px; font-size:22px; color:#333; font-weight:200; text-align:center; }

    .header_02 .d_panel_open.left { left:2%; }
    .header_02 .d_panel_open.right { right:2%; }


/** header_03 **/
    .header_03 { position:relative; z-index:1; display:block; padding:10px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fff; }
    .header_03:after { content:""; display:block; clear:both; *zoom:1; }