/* 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/marinoel/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; line-height:3;} #header .hdArea .hdTop .hdLeft ul li { position:relative; float:left; width:85px; text-align:center; line-height:3;} #header .hdArea .hdTop .hdLeft ul li.cc { background:#fff;} #header .hdArea .hdTop .hdLeft ul li a { display:block; font-size:14px; color:#000;} #header .hdArea .hdTop .hdLeft ul li.ee { cursor:pointer;} #header .hdArea .hdTop .hdLeft ul li:hover, #header .hdArea .hdTop .hdLeft ul li a:hover {color:#0072bc;} #header .hdArea .hdTop .hdRight ul li a { display:block; font-size:13px; color:#666;} #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/marinoel/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/marinoel/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 { display:table-cell; vertical-align:middle;} #header .hdMidArea .hdMiddle .tlogo a {display:inline-block; } #header .hdMidArea .hdMiddle .searchArea { position:absolute; left:255px; top:25px; 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/marinoel/10275/common/search_btn.png) center center no-repeat;} /* 다찾다 자동완성*/ .search-auto-complete-list { display:none; z-index:10000 !important; position:absolute; top:70px; left:255px; 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; } #MAKESHOPLY0{z-index:11 !important; } #MAKESHOPLY1, #MAKESHOPLY2, #MAKESHOPLY3, #MAKESHOPLY4{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 .headerBottom { margin:0 auto; position:relative; width:100%; height:40px; background:#041e41; } #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; width:40px; height:40px; text-align:center; cursor:pointer; } #header .headerBottom .navWrap .menuAll #btn_allMenuOpen { padding-top:25px; width:42px; height:37px; color:#fff; font-size:11px; font-weight:bold; line-height:16px; background: url(/design/marinoel/10275/common/btn_menu.png) 10px 12px no-repeat; } #header .headerBottom .navWrap .lnb_wrap { width:1200px; height:78px;} #header .headerBottom .navWrap ul { padding:3px 0 } #header .headerBottom .navWrap ul .lnb_menu { position:relative; float:left; width:89px; height:34px } #header .headerBottom .navWrap ul .lnb_menu > a { display:block; font-size:13px; color:#5d5d5d; font-weight:bold; text-align:center; letter-spacing:-1px; line-height:34px } #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:#d72a2a; } #header .headerBottom .navWrap ul .lnb_menu .lnb_sub { display:none; position:absolute; top:37px; 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 .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:506px } #header .headerBottom .navWrap ul .lnb_menu .lnb_sub .cosmecon_menu { width:379px } #header .headerBottom .navWrap ul .lnb_menu .lnb_sub .mold_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:11px; 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:#d72a2a } #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/marinoel/10275/common/btn_allmenu_close.jpg) 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 */