/* BASIC css start */
html.fix { overflow-y:hidden }

/* 최상단 배너 영역 */
#topBanner { display:none; position:relative; width:100%; height:90px; overflow:hidden }
#topBanner .bnnr_bx { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:90px; }
#topBanner .bnnr_bx img { display:block; }
#topBanner .bnnr_bx p.bt_closeBanner { margin-left:560px; position:absolute; top:25px; left:50%; width:35px; height:35px; text-indent:-9999em; cursor:pointer; z-index:10; background:url(/design/posykoshop/10587/es_php/common/btn_topbanner_close.png) 0 0 no-repeat; }

/* header 상단 메뉴 */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header.act { position:fixed; top:-180px; left:0; right:0 }
#header .headerTop { position:relative; height:39px; border-bottom:1px solid #eee }
#header .headerTop .gnb { margin:0 auto; width:1200px }
#header .headerTop .gnb .hdtLeft { float:left }
#header .headerTop .gnb .hdtLeft ul { padding-left:1px; *zoom:1 }
#header .headerTop .gnb .hdtLeft ul:after { display:block; clear:both; content:'' }
#header .headerTop .gnb .hdtLeft ul li { margin-left:-1px; float:left; height:39px; border-left:1px solid #eee; border-right:1px solid #eee }
#header .headerTop .gnb .hdtLeft ul li a { display:block; height:39px; line-height:39px; background:url(/design/posykoshop/2020pick/sp_gnb_sns.png) 0 0 no-repeat }
#header .headerTop .gnb .hdtLeft ul li a.ico1 { padding:0 18px 0 33px; background-position:0 0 }
#header .headerTop .gnb .hdtLeft ul li a.ico2 { padding:0 18px 0 40px; background-position:0 -40px }
#header .headerTop .gnb .hdtLeft ul li a.ico3 { padding:0 18px 0 39px; background-position:0 -80px }
#header .headerTop .gnb .hdtLeft ul li a.ico4 { padding:0 18px 0 38px; background-position:0 -120px }
#header .headerTop .gnb .hdtRight { padding:11px 0 12px; float:right }
#header .headerTop .gnb .hdtRight ul li { padding:0 10px; position:relative; float:left; background:url(/design/posykoshop/2020pick/blit_gnb_line.gif) 100% 3px no-repeat }
#header .headerTop .gnb .hdtRight ul li.last { padding-right:0; background:none }
#header .headerTop .gnb .hdtRight ul li a { display:block }
#header .headerTop .gnb .hdtRight ul li a .num { padding:0 6px 1px 5px; font-size:11px; color:#c7095a; border-radius:10px; border:1px solid #cb1965 }
#header .headerMid { margin:0 auto; position:relative; width:1200px; height:140px }
#header .headerMid .tlogo { position:absolute; top:40px; left:0 }
#header .headerMid .searchArea { position:absolute; top:43px; left:390px; width:420px; height:56px; border-radius:30px; background:#eaeaea }
#header .headerMid .searchArea .MS_search_word { margin-left:29px; width:330px; height:56px; line-height:56px; border:none; background:none; vertical-align:top }
#header .headerMid .searchArea a { position:absolute; top:5px; right:5px; display:block; width:46px; height:46px; text-indent:-9999em; background:url(/design/posykoshop/2020pick/btn_search.png) 0 0 no-repeat }
#header .headerMid .mid-slide { padding:0 16px; width:200px; height:110px; overflow:hidden; position:absolute; top:15px; right:0 }
#header .headerMid .mid-slide .bx-controls-direction { position:absolute; top:38px; left:0; width:100%; z-index:50 }
#header .headerMid .mid-slide .bx-controls-direction a { position:absolute; top:0; width:14px; height:28px; text-indent:-9999em; background:url(/design/posykoshop/2020pick/sp_hdm_slide.png) 0 0 no-repeat }
#header .headerMid .mid-slide .bx-controls-direction .bx-prev { left:0; background-position:0 0 }
#header .headerMid .mid-slide .bx-controls-direction .bx-next { right:0; background-position:0 -30px }

/* ================================
   POSYKO 고급 버전 – 기존 메뉴 구조 유지
================================ */

/* LNB 전체 배경을 화이트 + 골드 라인으로 */
#header .headerBottom {
    background: #ffffff !important;
    border-top: 2px solid #FFC300;
    border-bottom: 2px solid #FFC300;
    height: 60px !important;
}

/* 1차 메뉴 스타일 업그레이드 */
#lnbWrap > ul > li > .lnb_menu {
    color: #111 !important;
    font-weight: 600;
    background: none !important;
    border: none !important;
    transition: color 0.25s ease;
}

#lnbWrap > ul > li > .lnb_menu:hover {
    color: #FFC300 !important;
}

/* 1차 메뉴 아래 슬라이드 라인 효과 */
#lnbWrap > ul > li > .lnb_menu::after {
    content: "";
    position: absolute;
    bottom: 12px;
    left: 15px;
    width: 0;
    height: 2px;
    background: #FFC300;
    transition: width .25s;
}

#lnbWrap > ul > li > .lnb_menu:hover::after {
    width: calc(100% - 30px);
}

/* 드롭다운 영역 스타일 완전 리뉴얼 */
#lnbWrap > ul > li > .lnb_depth2 {
    background: #ffffff !important;
    border: 1px solid #FFD95A !important;
    border-top: none !important;
    padding-top: 10px;
}

/* 드롭다운 내부 텍스트 */
#lnbWrap > ul > li > .lnb_depth2 .depth-inner ul li a {
    color: #333 !important;
    transition: color 0.2s, transform 0.2s;
}

/* 드롭다운 hover 시 골드 강조 */
#lnbWrap > ul > li > .lnb_depth2 .depth-inner ul li a:hover {
    color: #FFC300 !important;
    transform: translateX(3px);
}

/* 기존 배경 패턴 이미지 제거 */
#lnbWrap > ul > li > .lnb_menu.active {
    background: none !important;
    border: none !important;
}

#lnbWrap > ul > li > .lnb_depth2 {
    background-image: none !important;
}


#lnbWrap { margin:0 auto; position:relative; width:1200px; height:60px }
#lnbWrap .menuAll { position:absolute; top:0; right:0; width:65px; height:60px; cursor:pointer }
#lnbWrap .menuAll #btn_allMenu { width:65px; height:60px; text-indent:-9999em; background:url(/design/posykoshop/2020pick/btn_allmenuopennn.jpg) 0 0 no-repeat }
#lnbWrap > ul { *zoom:1 }
#lnbWrap > ul:after { display:block; clear:both; content:'' }
#lnbWrap > ul > li { position:relative; float:left }
#lnbWrap > ul > li > .lnb_menu { display:block; padding:0 15px; position:relative; height:60px; font-size:16px; color:#000000; font-weight:bold; line-height:60px; z-index:10 }
#lnbWrap > ul > li > .lnb_menu > .arr { display:inline-block; width:14px; height:9px; background:url(/design/posykoshop/2020pick/sp_lnb_menu.png) 0 0 no-repeat }
#lnbWrap > ul > li > .lnb_menu.active { padding:0 14px; height:59px; line-height:58px; border:1px solid #fff; border-bottom:none; background:url(/design/posykoshop/2020pick/bg_menu_active.png) repeat }
#lnbWrap > ul > li > .lnb_menu.active > .arr { background-position:0 -10px }
#lnbWrap > ul > li > .lnb_depth2 { display:none; position:absolute; top:60px; left:0; border:1px solid #fff; border-top:none; background:url(/design/posykoshop/2020pick/bg_menu_active.png) repeat }
#lnbWrap > ul > li > .lnb_depth2 .depth-inner { padding:30px 0 25px 40px; *zoom:1 }
#lnbWrap > ul > li > .lnb_depth2 .depth-inner:after { display:block; clear:both; content:'' }
#lnbWrap > ul > li > .lnb_depth2 .depth-inner ul { float:left; width:200px }
#lnbWrap > ul > li > .lnb_depth2 .depth-inner ul li { padding-bottom:8px }
#lnbWrap > ul > li > .lnb_depth2 .depth-inner ul li a { display:block; color:#fff; }
#lnbWrap > ul > li > .lnb_depth2 .bn-set { position:absolute; top:26px; right:25px }
#lnbWrap > ul > li > .lnb_depth2 .bn-set ul li { padding-bottom:5px }
#lnbWrap ul li.m3 .lnb_depth2 { width:200px } 
#lnbWrap ul li.m8 .lnb_depth2 { width:200px }
#lnbWrap ul li.m6 .lnb_depth2 { width:200px }
#lnbWrap ul li.m4 .lnb_depth2 { width:200px }
#lnbWrap ul li.m5 .lnb_depth2 { width:200px }
#lnbWrap ul li.m7 .lnb_depth2 { }
#lnbWrap ul li.m9 .lnb_depth2 { left:-308px; width:200px }
#lnbWrap ul li.m10 .lnb_depth2 { left:-349px; width:200px }

#whiteMask { display:none; position:absolute; top:0; left:0; right:0; width:100%; height:100%; background:#fff; opacity:0.99; filter:alpha(opacity=99); z-index:999 }

#allMenuView { display:none; position:fixed; top:90px; left:0; width:100%; z-index:9999 }
#allMenuView .allMenuInner { margin:0 auto; position:relative; width:1200px; background-color: white; }
#allMenuView .allMenuInner .allTop { position:relative; height:60px }
#allMenuView .allMenuInner .allTop .all-tit { float:left; font-size:32px; color:#333; font-weight:bold; line-height:60px }
#allMenuView .allMenuInner .allTop ul { padding-right:84px; float:right }
#allMenuView .allMenuInner .allTop ul li { float:left }
#allMenuView .allMenuInner .allTop ul li a { padding:0 9px; font-size:16px; color:#333; font-weight:bold; line-height:60px; background:url(/design/posykoshop/2020pick/blit_allmenu_line.gif) 0 6px no-repeat }
#allMenuView .allMenuInner .allTop ul li a.first { background:none }
#allMenuView .allMenuInner .allTop .allMenuClose { position:absolute; top:0; right:0; width:65px; height:60px; text-indent:-9999em; background:url(/design/posykoshop/2020pick/btn_allmenuclose.png) 0 0 no-repeat; cursor:pointer }
#allMenuView .allMenuInner .allList { margin-top:30px; height:675px; overflow:hidden; overflow-y:scroll; *zoom:1 }
#allMenuView .allMenuInner .allList:after { display:block; clear:both; content:'' }
#allMenuView .allMenuInner .allList .lst { float:left; *zoom:1 }
#allMenuView .allMenuInner .allList .lst:after { display:block; clear:both; content:'' }
#allMenuView .allMenuInner .allList .lst h3 { padding:30px 0 20px; width:145px; clear:both }
#allMenuView .allMenuInner .allList .lst h3 a { font-size:18px; color:#333; font-weight:bold }
#allMenuView .allMenuInner .allList .lst ul { float:left; width:145px }
#allMenuView .allMenuInner .allList .lst ul li { padding-bottom:7px }
#allMenuView .allMenuInner .allList .c_red ul li a { color:#df0346 }
#allMenuView .allMenuInner .allList .c_pupple ul li a { color:#c544ff }
#allMenuView .allMenuInner .allList .m1,
#allMenuView .allMenuInner .allList .m2 { display:none }
#allMenuView .allMenuInner .allList .m9 ul { width:220px }

#lnbWrap > ul > li > .lnb_menu .arr { display: none !important; }

/* BASIC css end */