/* BASIC css start */
.top_banner{height:108px;background:#fff;text-align:center;}
.fsp-close {font-size:40px !important;color:#121212;top:40px !important;right:40px !important;}
#hdWrap {width:100%;min-width:1200px; height:42px; background:#f5f5f5;}
.popupTop{display:none;}

/* header */
#header { position: relative; height:50px; width: 1200px;margin:0 auto; }
#header .bi,
#header #gnb,
#header #favLink { position: absolute; }
#header .dm_top_left{position:absolute;left:0px;top:0px;width:525px;}
#header .dm_top_left ul{}
#header .dm_top_left ul li { width:105px; float:left; height:42px; line-height:3; color:#000; text-align:center; font-size:14px; }
#header .dm_top_left ul li.bb { background:#fff;}
#header .dm_top_left ul li.aa a, #header .dm_top_left ul li.cc a, #header .dm_top_left ul li.ee a { font-size:15px; vertical-align:baseline;}

#header .dm_top_left ul li:hover, #header .dm_top_left ul li.aa a:hover, #header .dm_top_left ul li.cc a:hover {color:#0072bc;}
/*#header .dm_top_left ul li.aa{background:#aeb3b8;}
#header .dm_top_left ul li.bb{background:#8e969f;}
#header .dm_top_left ul li.cc{background:#747c85;}
#header .dm_top_left ul li.dd{background:#5d646c;}
#header .dm_top_left ul li.ee{background:#5d646c;}
#header .dm_top_left ul li a {color:#fff; font-size:16px;}*/
#header .dm_top_right{position:absolute;right:0px;top:0px;}
#header .dm_top_right ul{}
#header .dm_top_right ul li{width:70px;float:left;height:42px;line-height:3;color:#666;text-align:right;font-size:13px;}
#header .dm_top_right ul li span.basket_num{width:20px;height:20px;background:#f0f0f0;border-radius:20px;}
#header .dm_top_right ul li a {color:#666; vertical-align:baseline; }

.dm_top_logo{position:relative;height:110px;clear:both;width:1200px;margin:0 auto;}
.dm_top_logo ul{}
.dm_top_logo ul li.l1{width:225px;float:right;padding-top:27px;}
.dm_top_logo ul li.l2{width:185px;float:left;text-align:center; padding-top:35px; margin-right:70px;}
.dm_top_logo ul li.l3{width:425px;float:left;padding-top:25px;}
/*.MS_search_word {border:4px solid #5d646c;height:39px;width:325px;padding-left:10px;}*/

/* bi */
#header .bi { left: 30px; top: 30px; }

/* gnb */
#header #gnb { zoom: 1; }
#header #gnb:after { content: ""; display: block; clear: both; }
#header #gnb { left: 45px; top: 69px; }
#header #gnb li,
#header #gnb a { float: left; width: auto; }
#header #gnb a { padding: 10px 28px 0; height: 23px; }

/* »ó´Ü °Ë»ö */
.search { width:425px; height:60px; line-height:60px; margin:0 auto; border:1px solid #aaa; position:relative; border-radius:30px; overflow:hidden;}
.search fieldset { font-size:0; line-height:0; }
.search .sear_tit {float:left; font-size:11px; font-family:'Roboto', 'arial'; font-size:11px; color:#222; padding-left:10px; height:23px; line-height:23px; letter-spacing:1px;}
.search .MS_search_word { width:calc(100% - 70px); height:35px; margin-top:13px; padding:0 20px; border:0; font-size:16px; font-weight:300; background:transparent; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.search a { width:60px; height:100%; position:absolute; right:0; top:0px; text-indent:-9999em; background:url(/design/thecon/2016img/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; }

/* hdSchFrm */
/*#header #hdSchFrm { position: absolute; right: 0px; top: 75px;}
#header #hdSchFrm fieldset { float: left; width: auto; }
#header #hdSchFrm .MS_search_word,
#header #hdSchFrm .btn-sch { float: left; width: auto; }
#header #hdSchFrm .MS_search_word { border: 0px; width: 169px; height: 19px; padding: 2px 0 0 2px; background-color: #ededed; }*/

/* favLink */
#header #favLink { right: 30px; top: 44px; }

/*#MAKESHOPLY3{display:none !important;}*/

/* header »ó´Ü ¸Þ´º */

.headerBottom { margin:0 auto; position:relative; width:100%; height:42px; background:#041e41; }
.headerBottom .navWrap { position:relative; width:1200px; margin:0 auto; *zoom:1 }
.headerBottom .navWrap:after { display:block; clear:both; content:'' }
.headerBottom .navWrap .lnb_wrap { width:1200px; height:78px;}
.headerBottom .navWrap ul { padding:3px 0 }
.headerBottom .navWrap ul .lnb_menu { position:relative; float:left; width:78px; height:34px }
.headerBottom .navWrap ul .lnb_menu.menuAll {width:95px; /*border-right:1px solid #a6aaae;*/ }
.headerBottom .navWrap ul .lnb_menu.menuAll .btn_allmenu {padding:0 10px 0 40px; background: url(/design/thecon/2016img/menu.png) 0px 2px no-repeat; color:#fff;}
.headerBottom .navWrap ul .lnb_menu > a { display:block; font-size:13px; color:#5d5d5d; text-align:center; letter-spacing:-1px; line-height:34px }
.headerBottom .navWrap ul .lnb_menu > a.lnb_plan { color:#ffffff; }
.headerBottom .navWrap ul .lnb_menu > a.lnb_pay { color:#4daa9c }
/*.headerBottom .navWrap ul .lnb_menu > a.active { color:#d72a2a; }*/
.headerBottom .navWrap ul .lnb_menu .lnb_sub { display:none; position:absolute; top:39px; 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 }
.headerBottom .navWrap ul .lnb_menu .lnb_sub.mold_sub { left:-700px;}
.headerBottom .navWrap ul .lnb_menu .lnb_sub .inner { margin:10px 15px; overflow:hidden; *zoom:1 }

.headerBottom .navWrap ul .lnb_menu .lnb_sub ul { float:left; width:120px }
.headerBottom .navWrap ul .lnb_menu .lnb_sub .recipe_menu { width:506px }
.headerBottom .navWrap ul .lnb_menu .lnb_sub .candle_menu { width:506px }
.headerBottom .navWrap ul .lnb_menu .lnb_sub .cosmecon_menu { width:379px }
.headerBottom .navWrap ul .lnb_menu .lnb_sub .mold_menu { width:803px }
.headerBottom .navWrap ul .lnb_menu .lnb_sub ul li { display:inline-block; padding:0 5px; vertical-align:top;}
.headerBottom .navWrap ul .lnb_menu .lnb_sub ul li:last-child {padding-right:0px !important;}
.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; }
.headerBottom .navWrap ul .lnb_menu .lnb_sub.mold_sub ul li a { width:117px;}
.headerBottom .navWrap ul .lnb_menu .lnb_sub ul li.cate_aromaoil a {width:120px;}
.headerBottom .navWrap ul .lnb_menu .lnb_sub ul li a.cate_tit { /*font-weight: bold !important;*/ border-bottom:2px solid #434f5d; font-size:13px; /* padding-top:10px;*/ }
/*.headerBottom .navWrap ul .lnb_menu .lnb_sub ul li a:hover { color:#d72a2a }*/

.headerBottom .navWrap .allMenuView { display:none; width:100%; position:absolute; top:0; left:0; background:#fff; z-index:10 }
.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 }
.headerBottom .navWrap .allMenuView .bx_allmenu { padding:18px 19px 0 42px; height:800px; border:1px solid #434f5d; overflow-x:hidden; overflow-y:scroll; }
.headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList { padding-top:20px }
.headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul { padding:0; width:1200px; *zoom:1 }
.headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul:after { display:block; clear:both; content:'' }
.headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li { margin-right:15px; float:left; }
.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 }
.headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > a > i { position:absolute; top:8px; right:12px; color:#000 }
.headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub1 { overflow:hidden }
.headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub1 > ul { padding:10px 0 20px; float:left; width:140px; height:230px; }
.headerBottom .navWrap .allMenuView .bx_allmenu .all_menuList > ul > li > .all_sub1 > ul > li > a { display:block; padding:0 0 5px 12px; color:#3b3b3b }



/* BASIC css end */

