/* BASIC css start */
/* 최상단 배너 영역 */
#topBanner { display:none; position:relative; width:100%; height:108px; overflow:hidden }
#topBanner .bnnr_bx { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:110px; }
#topBanner .bnnr_bx ul li {float:left;}
#topBanner .bnnr_bx img { display:block; }
#topBanner .bnnr_bx p.bt_closeBanner { margin-left:605px; position:absolute; top:23px; left:50%; width:30px; height:30px; text-indent:-9999em; cursor:pointer; z-index:10; background:url(/design/angels09/10275/common/btn_topbanner_close.png) 0 0 no-repeat; }

/* header 상단 메뉴 */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header.act { margin-top:-160px; position:fixed; top:0 }
#header .hdArea { height:42px; background:#f5f5f5;}
#header .hdArea .hdTop { margin:0 auto; position:relative; width:1200px; height:42px }
#header .hdArea .hdTop .hdLeft { float:left; overflow:hidden }
#header .hdArea .hdTop .hdLeft p { color:#fff; line-height:28px }
#header .hdArea .hdTop .hdRight { float:right }
#header .hdArea .hdTop .hdRight ul li { position:relative; float:left; width:70px; text-align:right; }
#header .hdArea .hdTop .hdLeft ul li { position:relative; float:left; width:85px; text-align:center; }
#header .hdArea .hdTop .hdLeft ul li.cc { background:#fff;}
#header .hdArea .hdTop .hdLeft ul li a { display:block; font-size:14px; color:#000; line-height:3; }
#header .hdArea .hdTop .hdLeft ul li.ee { display:block; font-size:14px; color:#000; line-height:3; }
#header .hdArea .hdTop .hdLeft ul li a:hover {color:#0072bc;}
#header .hdArea .hdTop .hdRight ul li a { display:block; font-size:13px; color:#666; line-height:3; }

#header .hdMidArea { height:110px;}
#header .hdMidArea .hdMiddle { margin:0 auto; position:relative; width:1200px; left:0; top:0; height:100%; display:table; }
#header .hdMidArea .hdMiddle .topLinks { padding-top:49px; overflow:hidden; *zoom:1 }
#header .hdMidArea .hdMiddle .topLinks:after { display:block; clear:both; content:'' }
#header .hdMidArea .hdMiddle .topLinks ul { margin-left:-1px; float:right; }
#header .hdMidArea .hdMiddle .topLinks ul.first { margin-left:-9px }
#header .hdMidArea .hdMiddle .topLinks ul li { float:left; margin:-15px 0 0 10px; padding:10px 0; width:150px; background:#fafafa;}
#header .hdMidArea .hdMiddle .topLinks ul li a { display:block; color:#686868; text-align:center }
#header .hdMidArea .hdMiddle .topLinks ul li a .ico1 { display:inline-block; width:35px; height:28px; background:url(/design/angels09/10275/common/portfolio.png) 0 0 no-repeat; margin-bottom:3px;}
#header .hdMidArea .hdMiddle .topLinks ul li a .ico2 { display:inline-block; width:30px; height:30px; background:url(/design/angels09/10275/common/coscoa_itme.png) 0 0 no-repeat; }
/*#header .hdMidArea .hdMiddle .topLinks ul li a .ico1 { background-position:0 0 }
#header .hdMidArea .hdMiddle .topLinks ul li a .ico2 { background-position:0 0px }
#header .hdMidArea .hdMiddle .topLinks ul li a .ico3 { background-position:0 -60px }
#header .hdMidArea .hdMiddle .topLinks ul li a .ico4 { background-position:0 -90px }*/
#header .hdMidArea .hdMiddle .topLinks ul li a .tx { display:block; font-weight:bold;}
#header .hdMidArea .hdMiddle .tlogo { padding-top:38px; /*display:table-cell; vertical-align:middle;*/}
#header .hdMidArea .hdMiddle .tlogo a {display:inline-block; }
#header .hdMidArea .hdMiddle .searchArea { position:absolute; left:240px; top:24px; width:425px; height:60px; border-radius:30px; border:1px solid #aaa; overflow:hidden;}
#header .hdMidArea .hdMiddle .searchArea .MS_search_word { position:relative; top:13px; width:calc(100% - 70px); height:35px; padding:0 20px; border:0; font-size:16px; font-weight:300; background:transparent; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;/*padding:0 5px; float:left; width:215px; height:32px; line-height:32px; border:none; vertical-align:top*/ }
#header .hdMidArea .hdMiddle .searchArea a { position:absolute; right:0px; top:0px; display:inline-block; width:60px; height:100%; text-indent:-9999em; background:url(/design/angels09/10275/common/search_btn.png) center center no-repeat;}

/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:10000 !important; position:absolute; top:70px; left:240px; border:1px solid #ddd; line-height:14px; background:#fff; }
.search-auto-complete-list ul { width:390px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.search-auto-complete-list ul li { text-align:left; z-index:10000 !important; }
#MAKESHOPLY1, #MAKESHOPLY2, #MAKESHOPLY3 {z-index:10 !important; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }
.search-auto-complete-list ul li.on { background:#f3f3f3; }

#header .hdMidArea .header_menu { position:absolute; top:34px; right:0;}
#header .hdMidArea .header_menu>li {float:left; text-align:center; font-size:12px;}
#header .hdMidArea .header_menu>li a {display:block; position:relative; color:#888;}
#header .hdMidArea .header_menu>li a:before {content:''; display:block; width:24px; height:20px; margin:0 auto 7px; background:url('/design/angels09/10275/common/ico_header.png') no-repeat;}
#header .hdMidArea .header_menu>li a.log:before{background-position:0 0px;}
#header .hdMidArea .header_menu>li a.join:before{background-position:0 -20px;}
#header .hdMidArea .header_menu>li a.order:before{background-position:0 -40px;}
#header .hdMidArea .header_menu>li a.cart:before{background-position:0 -60px;}
#header .hdMidArea .header_menu>li a.history:before{background-position:;}
#header .hdMidArea .header_menu>li a.logout:before{background-position:0 -80px;}
#header .hdMidArea .header_menu>li a.mypage:before{background-position:0 -100px;}
#header .hdMidArea .header_menu>li a.center:before{background-position:0 -120px;}
#header .hdMidArea .header_menu>li + li{margin-left:30px;}

#header .headerBottom { margin:0 auto; position:relative; width:100%; border:1px solid #ebebeb; }
#header .headerBottom .navWrap { position:relative; width:1200px; margin:0 auto; *zoom:1 }
#header .headerBottom .navWrap:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .menuAll { float:left; position:relative; padding:14px 0; text-align:center; cursor:pointer; }
#header .headerBottom .navWrap .menuAll #btn_allMenuOpen {width:110px; font-size:16px; font-weight:bold; line-height:16px; letter-spacing:-1px; background:url(/design/angels09/10275/common/ico_header.png) no-repeat 0 -140px;  }
#header .headerBottom .navWrap .menuAll #btn_allMenuOpen:before {content:''; display:inline-block; width:20px; height:16px; vertical-align: middle;}
#header .headerBottom .navWrap .lnb_wrap { width:1200px; height:48px;}
#header .headerBottom .navWrap ul { /*padding:3px 0*/ }
#header .headerBottom .navWrap ul .lnb_menu { position:relative; float:left; width:121px; height:48px }
#header .headerBottom .navWrap ul .lnb_menu > a { display:block; font-size:16px; color:#000; font-weight:bold; text-align:center; line-height:48px; letter-spacing:-1px; }
#header .headerBottom .navWrap ul .lnb_menu > a.lnb_plan { /*color:#ffffff;*/ }
#header .headerBottom .navWrap ul .lnb_menu > a.lnb_pay { color:#4daa9c }
#header .headerBottom .navWrap ul .lnb_menu > a.active { color:#0033a0; }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub { display:none; position:absolute; top:48px; width:auto; /*border-top:2px solid #333;*/ border-left:1px solid #cacaca; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; background:#fff; z-index:10 }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub.mold_sub { left:-690px;}
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub.can_sub { left:-385px;}
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub .inner { margin:10px 15px; overflow:hidden; *zoom:1 }

#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul { float:left; width:120px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub .recipe_menu { width:506px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub .candle_menu { width:514px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub .cosmecon_menu { width:379px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub .can_menu { width:767px }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li { display:inline-block; padding:0 5px; vertical-align:top;}
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li:last-child {/*padding-right:0px !important;*/}
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li a { width:110px; display:block; padding:2px; font-size:12px; color:#4e4e4e; line-height:25px; height:25px; border-bottom:1px solid #eee; }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li.cate_aromaoil a {width:120px;}
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li a.cate_tit { font-weight: bold !important; border-bottom:2px solid #434f5d; /*padding-top:10px;*/ }
#header .headerBottom .navWrap ul .lnb_menu .lnb_sub ul li a:hover { color:#0033a0 }

/*#header .headerBottom .navWrap .btn_allMenuOpen{float:left;position:relative;width:100px;height:48px;padding:5px 0 0 0;}
#header .headerBottom .navWrap .btn_allMenuOpen:before{content:''; display:inline-block; width:20px; height:20px; margin-right:5px; background:url(/design/angels09/10275/common/ico_header.png) no-repeat 0 -140px; vertical-align: middle;}*/
#header .headerBottom .navWrap .allMenuView { display:none; width:100%; position:absolute; top:0; left:0; background:#fff; z-index:10 }
#header .headerBottom .navWrap .allMenuView #btn_allMenuClose { position:absolute; top:0; left:0; width:40px; height:40px; text-indent:-9999em; background:url(/design/angels09/10275/common/btn_allmenu_close.png) 0 0 no-repeat; cursor:pointer }
#header .headerBottom .navWrap .allMenuView .bx_allmenu { padding:18px 19px 0 42px; height:800px; border:1px solid #434f5d; overflow-x:hidden; overflow-y:scroll; }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList { padding-top:20px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul { padding:0; width:1200px; *zoom:1 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li { margin-right:15px; float:left; }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > a { display:block; padding:0 12px; position:relative; height:27px; font-size:12px; color:#3b3b3b; font-weight:bold; line-height:27px; border:1px solid #d6d6d6 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > a > i { position:absolute; top:8px; right:12px; color:#000 }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub1 { overflow:hidden }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub1 > ul { padding:10px 0 20px; float:left; width:140px; height:230px; }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub1 > ul > li > a { display:block; padding:0 0 5px 12px; color:#3b3b3b }

/*#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m7 {display:block; }

#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m1 > a,
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m2 > a,
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m3 > a {  }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m26 > a {  }

#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m2 > .all_sub > ul { width:135px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m8 > .all_sub > ul { width:140px }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m12 > .all_sub > ul,
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m13 > .all_sub > ul,{ margin-bottom:20px; }
#header .headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li.m22 > .all_sub > ul { width:140px }*/


/* BASIC css end */