/* BASIC css start */
.m_pm_banner { width: 100%; }
.m_pm_banner div {  float: left; width: 50%; height: 80px; overflow: hidden; *clear: right; } /* 하위 브라우저에서 width: %, float 안되는 부분 현상해결 - clear: right; */
.m_pm_banner div a { display: block; width: 100%; height: 100%; } /* 하위 브라우저에서 width: %, float 안되는 부분 현상해결 - clear: right; */
.m_pm_banner div.pm_lf_bans p { float: right; width: 560px; *text-align: right; }

.m_pm_banner div.pm_rt_bans p { float: left; width: 560px; text-align: left; }
.m_pm_banner img { vertical-align: top; }

/* 상단메뉴 스크롤고정 css (~로고까지) 
.top_scr_wrap { position: relative; z-index: 2001; height: 194px; width: 100%; background: #fff; }
.top_scr_menu { z-index: 9000; position: absolute; left: 0; top: 0; width: 100%; height: 194px; background: #fff; }
*/

/* 상단메뉴 스크롤고정 변형; include_sch_scroll.html */
/* 상단 고정 */
div.slide-down-onscroll { position: fixed; top: -103px; clear: both; width: 100%; height: 103px; background: #fff; z-index: 10000; }
div.slide-down-onscroll div.scroll_lnb      { width: 1120px; height: 50px; margin: 0 auto; }

/* slide down a bar on scroll */
    div.slide-searchbar_menu { clear: both; display: inline-block; width: 100%; height: 103px; }

/* 스크롤 했을 시  */
.scroll_lnb1 { float: left; width: 190px; height: 30px; margin-top: 10px; }
.scroll_lnb1 li { float: left; height: 30px; line-height: 32px; font-size: 11px; padding: 0 8px 0 9px; background: url(/design/kiditem01/bmit_skin/images/h_menu_bar.gif) no-repeat 0 10px; }
.scroll_lnb1 li a                   { display: block; height: 30px; }

.scroll_lnb1 li.home        { background: none; }
.scroll_lnb1 li.home a      { text-indent: 20px; background: url(/design/kiditem01/bmit_skin/images/h_home.png) no-repeat 0 8px; }
.scroll_lnb1 li.bookmark a      { text-indent: 20px; background: url(/design/kiditem01/bmit_skin/images/h_bookmark.png) no-repeat 0 8px; }

.scroll_lnb2 { float: left; width: 680px; height: 30px; margin: 10px 10px 0 0; }
.scroll_lnb2 li  { float: right; height: 30px; line-height: 32px; font-size: 11px; padding: 0 9px 0 10px; background: url(/design/kiditem01/bmit_skin/images/h_menu_bar.gif) no-repeat 0 10px; }

.scroll_lnb2 li.member          { position: relative; z-index: 10009; }
.scroll_lnb2 li.member .h_join { position: absolute; left: 8px; top: 19px; display: inline-block; vertical-align: top; background: url(/design/kiditem01/bmit_skin/images/h_join_point.gif) no-repeat 0 0; width: 48px; height: 20px; line-height: 20px; padding-top: 8px; }

.scroll_lnb2 li.admin a { color: #e00; font-weight: bold; }
.scroll_lnb2 li.first { padding-left: 0; background: none; }

/* 스크롤 상단 검색바 */
.scroll_lnb div.cont    { float: right; width: 240px }
        .scroll_lnb .cont ul.sch                { width: 240px; height: 36px; background: url(/design/kiditem01/bmit_skin/images/scroll_search_bar.png) no-repeat 0 0; margin-top: 7px; }
        .scroll_lnb .cont .sch li               { float: left; height: 36px; overflow: hidden; }
        .scroll_lnb .cont .sch li.input     { width: 190px; margin: 2px 0 0 15px; height: 34px; background: transparent; }
        .scroll_lnb .cont .sch li.input input   { width: 180px; line-height: 32px; height: 32px; font-size: 12px; border: 0 }
        .scroll_lnb .cont .sch li.btn           { width: 35px }

div.scroll_lnb:after            { display: block; clear: both; content: '' } /* float 해제; */

/* mall_header.html */

div#header div.top      { height: 30px; background: #fff; border-bottom: 1px solid #ddd }
div#header div.lnb_wrap { width: 100%; height: 110px; }

div.top div.top_wrap        { width: 1120px; margin: 0 auto }

    .top ul.lnb1                    { float: left; }
    .top .lnb1 li                   { float: left; height: 30px; line-height: 32px; font-size: 11px; }
    .top .lnb1 li a                 { display: block; height: 30px; }

    .top .lnb1 li.bookmark          { background: url(/design/kiditem01/bmit_skin/images/h_bookmark.png) no-repeat 0 8px; }
    .top .lnb1 li.bookmark a        { text-indent: 20px; }

    .top ul.lnb2                { float: right; }
    .top .lnb2 li               { float: left; height: 30px; line-height: 32px; font-size: 11px; padding: 0 10px 0 11px; background: url(/design/kiditem01/bmit_skin/images/h_menu_bar.gif) no-repeat 0 10px; }
    .top .lnb2 li.last          { padding-right: 0; }

    .top .lnb2 li.admin         { font-weight: bold; background: none; background: url(/design/kiditem01/bmit_skin/images/h_menu_bar.gif) no-repeat right 10px; }
    .top .lnb2 li.admin a           { color: #e00; }

    
    .top .lnb2 li.bg_none           { background: none; }   
    .top .lnb2 li.member            { position: relative; z-index: 10009; }
    .top .lnb2 li.member .h_join { position: absolute; left: 8px; top: 20px; display: inline-block; vertical-align: top; background: url(/design/kiditem01/bmit_skin/images/h_join_point.gif) no-repeat 0 0; width: 48px; height: 20px; line-height: 20px; padding-top: 8px; }

    .top .lnb2 li a         { display: block; height: 30px; color: #444; }

div.top_wrap:after          { display: block; clear: both; content: '' } /* float 해제; */


div#header div.lnb      { width: 1120px; height: 110px; margin: 0 auto; background: url(/design/kiditem01/bmit_skin/images/header_collect.png) repeat-x 0 -800px; }
    .lnb h1.logo    { float: left; width: 170px; overflow: hidden; }
        .lnb .logo a                    { display: block; margin: 28px 0 0 0; width: 170px; height: 75px; background: url(/design/kiditem01/bmit_skin/images/h_logo.png) no-repeat -3px 0; }

    .lnb div.cont   { float: left; width: 540px }
        .lnb .cont ul.sch               { float: left; margin: 47px 0 0 115px; width: 372px; height: 43px; background: url(/design/kiditem01/bmit_skin/images/h_search_bar.png) no-repeat 0 0; }
        .lnb .cont .sch li              { float: left; height: 38px }
        .lnb .cont .sch li.input        { width: 315px; margin: 2px 0 0 20px; height: 38px; background: transparent; }
        .lnb .cont .sch li.input input  { width: 310px; line-height: 38px; height: 38px; font-size: 12px; border: 0 }
        .lnb .cont .sch li.btn          { width: 37px }

        .lnb .cont > a  { display: block; width: 173px; height: 16px; float: left; margin: 4px 0 0 160px }
            .lnb .cont > a img  { vertical-align: bottom }

    .lnb div.h_plan { float: right; width: 300px; height: 110px; overflow: hidden; }
    .lnb div.h_plan img { text-align: right; }
div.lnb:after   { display: block; clear: both; content: '' } /* float 해제; */

/* 2016-08-10 상단 */
div.wrap2_lnb           { width: 1120px; height: 110px; margin: 0 auto; background: url(/design/kiditem01/bmit_skin/images/header_160810.jpg) no-repeat 0 0;  }
    .wrap2_lnb h1.logo  { float: left; width: 170px; overflow: hidden; }
        .wrap2_lnb .logo a                  { display: block; margin: 28px 0 0 0; width: 170px; height: 75px; background: url(/design/kiditem01/bmit_skin/images/h_logo.png) no-repeat -3px 0; }
    .wrap2_lnb div.cont { float: left; width: 470px }
        .wrap2_lnb .cont ul.sch             { float: left; margin: 47px 0 0 115px; width: 372px; height: 43px; background: url(/design/kiditem01/bmit_skin/images/h_search_bar.png) no-repeat 0 0; }
        .wrap2_lnb .cont .sch li                { float: left; height: 38px }
        .wrap2_lnb .cont .sch li.input      { width: 315px; margin: 2px 0 0 20px; height: 38px; background: transparent; }
        .wrap2_lnb .cont .sch li.input input    { width: 310px; line-height: 38px; height: 38px; font-size: 12px; border: 0; ime-mode:active; }
        .wrap2_lnb .cont .sch li.btn            { width: 37px }

    .wrap2_lnb div.h_plan   { float: right; width: 300px; height: 110px; overflow: hidden }
div.wrap2_lnb:after { display: block; clear: both; content: '' } /* float 해제; */
/* 2016-08-10 상단 end */

/* 전체보기 메뉴 */
            ul.Allv_menu { display: inline-block; vertical-align: top; width: 1118px; padding: 5px 0; *display:inline; }
            ul.Allv_menu > li { margin: 0 0 20px 19px; }
            ul.Allv_menu li { width: 200px; float: left; display: inline-block; font-size: 12px; vertical-align: top; }
            ul.Allv_menu li:nth-child(6), ul.Allv_menu li:nth-child(11),
            ul.Allv_menu li:nth-child(18), ul.Allv_menu li:nth-child(24) { clear: both; }

            ul.Allv_menu li:first-child+html li {display:inline;zoom:1;}

            div.Allv_menu { display: inline-block; vertical-align: top; width: 1118px; padding: 5px 0; }

            div.Allv_menu table {  width: 100%; }
            div.Allv_menu table td { float: left; width: 210px; height: 220px; padding: 10px 0 0 15px }

            div.Allv_menu div.amn { display: inline-block; vertical-align: top; }
            /* ul.Allv_menu li:nth-child(5), ul.Allv_menu li:nth-child(10),
            ul.Allv_menu li:nth-child(18), ul.Allv_menu li:nth-child(24) { clear: both; } */
            
            /* 전체보기 메뉴 > 대분류 */
            .category div.b_cate            { }
            .category .b_cate > a           { display: block; line-height: 18px; padding: 3px 0 3px 5px; color: #555;  font-size: 13px; border-bottom: 1px solid #ddd; font-weight: bold; letter-spacing: -1px; *letter-spacing: -1px; }
            .category .b_cate > a.active { color: #000; border-bottom: 1px solid #000; }

            /* 전체보기 메뉴 > 중분류 */
            .Allv_menu div.sub_cate { display: block; }
            .Allv_menu div.sub_cate > ul            { margin-top: 4px; }
                .Allv_menu div.sub_cate > ul > li           {  width: 192px; }
                    .Allv_menu div.sub_cate > ul > li > a           { display: block; padding: 3px 10px; font-size: 12px; color: #555; letter-spacing: -0.06em; *letter-spacing: -0.06em; }
                    .Allv_menu div.sub_cate > ul > li > a.active    { background: #ff5874; color: #fff }
            
            /* 전체보기 메뉴 > 소분류 */
            
            .Allv_menu div.sub_cate2 { padding: 10px; width: 172px; background: #fff; border: 1px solid #d5d5d5; }
            .Allv_menu div.sub_cate2 ul { width: 150px; }           
                .Allv_menu div.sub_cate2 ul > li            { width: 172px; }
                .Allv_menu div.sub_cate2 ul > li > a            { display: block; padding: 3px 10px; font-size: 12px; color: #555; }
                .Allv_menu div.sub_cate2 ul > li > a.active, .Allv_menu div.sub_cate2 ul > li > a:hover { background: #828282; color: #fff }

            /* 마우스 오버시, 노출하기 - 마우스오버하면 active 클래스 들어감. */


div#header div.gnb      { width: 100%; height: 50px; background: #fff; border-top: 1px solid #ddd; border-bottom: 2px solid #2850a7; }
div.gnb div.gnb_wrap            { width: 1120px; margin: 0 auto; }
    .gnb div.category               { width: 168px; float: left; background: url(/design/kiditem01/bmit_skin/images/p_head.png) no-repeat 24px 18px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
    .gnb .category p.head           { width: 168px; height: 50px; line-height: 50px; text-indent: 50px; font-family: 'Noto Sans KR', 'noto_M', sans-serif; font-weight: 500; font-size: 16px; letter-spacing: -0.05em; color: #000; }
    .gnb .category div.cont_wrap    { position: relative; z-index: 2000 }
    .gnb .category div.cont         { position: absolute; top: 0; left: -1px; z-index: 2000; display: inline-block; vertical-align: top; width: 1120px; background: #fff; }
    
    
    .gnb .category div.cont div.line        { width: 1120px; height: 2px; }
    .gnb .category div.cont div.line p      { float: left; height: 2px; display: inline-block; vertical-align: top; }
    .gnb .category div.cont div.line .gray      { width: 1px; background: #d5d5d5; }
    .gnb .category div.cont div.line .white     { width: 168px; background: #fff; }
    .gnb .category div.cont div.line .blue      { width: 951px; background: #2850a7 }

    .gnb .category div.cont .cont_box           { width: 1118px; background: #fff; border: 1px solid #d5d5d5;  border-top: none; padding-top: 15px }

/*
    .gnb div.b_cate                 { width: 200px; height: 30px; }
    .gnb .b_cate a span             {  }
    .gnb .b_cate > a                { display: block; width: 200px; height: 24px; }

    
div.gnb div.sub_cate                        { padding: 10px 0 0 0; width: 136px; background: url(/design/kiditem01/bmit_skin/images/sub_category.png) no-repeat left top }
    .gnb .sub_cate ul                       { margin: 0 0 0 7px; padding: 0 0 10px 0; width: 129px; background: url(/design/kiditem01/bmit_skin/images/sub_category.png) no-repeat right bottom }
    .gnb .sub_cate ul li                    { padding: 0 10px 0 9px;  }
    .gnb .sub_cate ul li a                  { display: block; padding: 5px 5px 1px 5px; font-size: 11px }
    .gnb .sub_cate ul li.m_cate a.active    { background: #ff5874; font-weight: bold; color: #fff }
    .gnb .sub_cate ul li.s_cate a:hover     { background: #828282; font-weight: bold; color: #fff }
*/

#header .gnb ul.gnb1                { float: left; width: 950px; }
#header .gnb .gnb1 > li             { float: right; margin: 0 0 0 20px; font-family: 'Noto Sans KR', 'noto_M', sans-serif; font-weight: 500; font-size: 16px; letter-spacing: -0.05px; }
#header .gnb .gnb1 > li.new     { background: url(/design/kiditem01/bmit_skin/images/gnb_new.png) no-repeat 10px 11px; text-indent: 13px; margin-left: 0; }
#header .gnb .gnb1 > li > a         { display: block; height: 50px; line-height: 50px; padding: 0 10px; color: #000; }
#header .gnb .gnb1 > li > a:hover, .gnb .gnb1 > li.price a.active { color: #0945c8; }

#header .gnb .gnb1 > li.price > a { padding-right: 0; }
#header .gnb .gnb1 li.price div     { position: relative; z-index: 9000 } /* 달란트가격대별 */
#header .gnb .gnb1 li.price ul      { position: absolute; z-index: 9000; left: -8px; top: 0; width: 82px; padding: 5px 8px; border: 1px solid #333; border-top: none; background: #fff }
#header .gnb .gnb1 li.price ul > li     {  border-bottom: 1px dotted #888; font-size: 12px; font-family: dotum; }
#header .gnb .gnb1 li.price ul > li a       { display: block; padding: 4px 8px 0 8px; font-size: 11px; }
#header .gnb .gnb1 li.price ul > li a:hover { color: #fff;  background: #284a94 }


div.gnb:after { display: block; clear: both; content: '' } /* float 해제; */

/* common style */
div#container               { width: 1120px; margin: 10px auto 30px auto  }
div#container_main      { width: 100%; }
div#container_index         { width: 1120px; margin: 0 auto } /* index.php 에만 적용되는 스타일; 2014-08-19; 전용 과장 */
#container div.side         { float: left; width: 200px; min-height: 500px; margin: 20px 0 0 0 }
#container div.contents     { float: left; width: 890px; min-height: 500px; margin: 20px 0 0 30px }
/* 카테고리가 보여져야 하는 페이지의 우측 영역을 위한 스타일; mall_category_skin1.html, mall_category_skin3.html, mall_goods_skin1.html */
#container div.contents1    { float: left; width: 890px; min-height: 500px; margin: 0 0 0 30px }
div#container:after         { display: block; clear: both; content: '' } /* float 해제; */

 
/* BASIC css end */