/* BASIC css start */ /* 상단 : 250514_상단메뉴수정_여름철레시피 */ /* 로그인.css는 마진값없음 활성화하기 */ /* BASIC css start */ /* ------------------ 2차 추가 ------------------ */ /* 최상단 배너 영역 */ #topBanner { display:none; position:relative; width:100%; height:80px; overflow:hidden; z-index:1; } #topBanner .bnnr_bx { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:110px; } #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/herbnoori/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:-180px; position:fixed; top:0 } #header .hdArea { height:38px; background:#fff; border-bottom:1px solid #dddddd; z-index:1; } #header .hdArea .hdTop { margin:0 auto; position:relative; width:1100px; height:38px } #header .hdArea .hdTop .hdLeft { float:left; overflow:hidden } #header .hdArea .hdTop .hdLeft ul li { position:relative; float:left; border-right:1px solid #dddddd; } #header .hdArea .hdTop .hdLeft ul li:first-child { border-left:1px solid #dddddd; } #header .hdArea .hdTop .hdLeft ul li a { display:block; padding:0 9px; color:#303030; line-height:38px; } #header .hdArea .hdTop .hdLeft ul li a:hover, #header .hdArea .hdTop .hdRight ul li a:hover {font-weight:bold;} #header .hdArea .hdTop .hdRight { float:right } #header .hdArea .hdTop .hdRight ul li { position:relative; float:left; background:url(/design/herbnoori/img/login_area_bg.gif) no-repeat top left; } #header .hdArea .hdTop .hdRight ul li a { display:block; padding:0 9px; color:#303030; line-height:38px } #header .hdMidArea { height:104px; } #header .hdMidArea .hdMiddle { margin:0 auto; position:relative; width:1100px; clear:both;} #header .hdMidArea .hdMiddle .tlogo { margin-left:25px; margin-top:27px; float:left;} #header .hdMidArea .hdMiddle .searchArea { float:left; width:333px; text-align:right; border-bottom:2px solid #000000; margin:43px 0px 0px 164px; } #header .hdMidArea .hdMiddle .searchArea .MS_search_word { float:left; width:300px; height:30px; line-height:33px; border:none; vertical-align:top; font-size:15px; } #header .hdMidArea .hdMiddle .searchArea a { display:inline-block; width:30px; height:33px; text-align:left; text-indent:-9999em; background:url(/design/herbnoori/img/btn_search.gif) 100% 7px no-repeat; } #header .hdMidArea .hdMiddle .topRight_bn {float:right;} /* upnavWrap */ #header .upnavWrap {width:100%; height:39px; border-top:1px solid #dddddd;} #header .upnavWrap .upnav {width:1100px; height:39px; overflow:hidden; margin:0 auto; clear:both; /*background-color:#dddddd*/;} #header .upnavWrap .upnav ul.upnav_L {float:left; text-align:right; padding:14px 0 13px;} #header .upnavWrap .upnav ul.upnav_L li {float:left; padding-left:18px; background:url('/design/herbnoori/img/bullet_category.png') no-repeat 13px 5px; } #header .upnavWrap .upnav ul.upnav_L li:first-child {background:none;} #header .upnavWrap .upnav ul.upnav_L li a {display:block; height:14px; text-indent:9999px; overflow:hidden; background-repeat:no-repeat;} #header .upnavWrap .upnav ul.upnav_L li a.upnav_L-01 {width:70px; background-image:url('http://herbnoori.img14.kr/img/shop_img/upnav_summer.jpg')} #header .upnavWrap .upnav ul.upnav_L li a.upnav_L-02 {width:75px; margin-left:10px; background-image:url('http://herbnoori.img14.kr/img/shop_img/upnav_L%2D03.jpg')} #header .upnavWrap .upnav ul.upnav_L li a.upnav_L-03 {width:80px; margin-left:10px; background-image:url('http://herbnoori.img14.kr/img/shop_img/upnav_L%2D02.jpg')} #header .upnavWrap ul.upnav_R {float:right; text-align:right; padding:14px 20px 13px 0px;} #header .upnavWrap ul.upnav_R li {float:left; padding-left:28px; background:url('/design/herbnoori/img/bullet_category.png') no-repeat 13px 5px; } #header .upnavWrap .upnav ul.upnav_R li:first-child {background:none;} #header .upnavWrap .upnav ul.upnav_R li a {display:block; height:18px; text-indent:9999px; overflow:hidden; background-repeat:no-repeat;} #header .upnavWrap .upnav ul.upnav_R li a.upnav_R-01 {width:34px; background-image:url('/design/herbnoori/img/upnav_R-01.jpg')} #header .upnavWrap .upnav ul.upnav_R li a.upnav_R-02 {width:38px; margin-left:0px; background-image:url('/design/herbnoori/0704everday/upnav_R-02.jpg')} #header .upnavWrap .upnav ul.upnav_R li a.upnav_R-03 {width:78px; margin-left:0px; background-image:url('https://gi.esmplus.com/herbcos1/img/shop_img/upnav_Ebird.jpg')} /* ------------------ 170414 morenvy ------------------ */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; } html { width:100%; height:100%;overflow-y:scroll; } li { list-style:none; } img,fieldset { border:none; vertical-align:top; } table { border:0; border-spacing:0; border-collapse:collapse; } th,td { border:0; } .cboth { clear:both;*zoom:1 } .cboth:after { content:" "; display:block; clear:both; } .fleft {float:left;} .fright {float:right !important;} .left { text-align: left; } .center { text-align: center; } .top { caption-side: top; } .right { text-align: right; } .bold { font-weight: bold; } .none { display:none; } .relative {position:relative;} .pdt5 {padding-top:5px;} .pdt10 {padding-top:10px;} .pdt15 {padding-top:15px;} .pdt20 {padding-top:20px;} .pdt30 {padding-top:30px;} .pdt40 {padding-top:40px;} .pdt50 {padding-top:50px;} .pdt60 {padding-top:60px;} .pdt80 {padding-top:80px;} .pdt130 {padding-top:130px;} .pdb10 {padding-bottom:10px;} .pdb20 {padding-bottom:20px;} .pdb15 {padding-bottom:15px;} .pdb40 {padding-bottom:40px;} .mrt20 {margin-top:20px;} /* 공통레이아웃 */ #header, #layerWrap, #contentWrap, #ftLink .link, #footer { width:1100px; } #content { width:1100px;min-height:600px;background-color:#fff;} #contentWrap {background-color:#fff;} body {min-width:1100px;} a {selector-dummy: expression(this.hideFocus=true); text-decoration:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a {} /* 게시판 상단 리스트 숨김 */ .bbs-hd {display:none;} /* 상품리스트 (검색/상품리스트) */ .prd-list {margin:0px auto;} .prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom:30px;} .prd-list table .tb-center {margin:0 auto; padding:0;text-align:center;} .prd-list table .info { width:245px;padding:0px;text-align:center;background-color:#fff;display:inline-block; } /* 고객님 상품사이즈에 맞게 가로세로 픽셀 조절 */ .prd-list .thumb { width:245px;height:100%;font-size:0; line-height: 0; border:1px solid #dedede;overflow:hidden;position:relative } /* 고객님 상품사이즈에 맞게 가로세로 픽셀 조절 */ .prd-list .thumb:hover {border:1px solid #999;} .prd-list .thumb a, .prd-list .thumb img { display: block; width:100%; height: 100%;} .prd-list .cate_icon {margin-top: 14px;} .prd-list .cate_icon img {margin:0 2px;} .prd-list .dsc { margin-top:11px;font-weight:normal;font-size:14px;padding-bottom:5px; color:#222; word-break:break-all;} .prd-list .subname { font-weight: normal; font-size:12px;color:#5bb330;word-break:break-all;padding-bottom:5px;} .prd-list .consumer { margin-right:5px; color:#888; font-size:12px; text-decoration:line-through;} .prd-list .price { /*margin-top:3px;*/ font-weight: bold; color:#333;font-size:15px; } .prd-list .event_info {color:#d51c1c; font-size: 14px; font-weight: bold; letter-spacing: -1px; padding-left: 1px; margin-top: 5px;} .prd-list .group_info{font-size: 12px; font-weight: bold;margin-top: 5px;letter-spacing: -1px; color:#d51c1c; } .prd-list .icon { margin-top:5px; } .prd-list .icon img {padding-right:2px;} .prd-list .closeup { margin-top:7px; } .hover01 {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;} .hover01:hover {-webkit-transform: scale(1.1);transform: scale(1.1);} .prd-list .salebox .salebig {position:absolute; top:10px; left:10px; width:38px; height:38px; border:1px solid #dedede; border-top:1px solid #222;background-color:#fff; line-height:38px;font-size:15px; color:#222; font-family:"Arial"; letter-spacing:-0.5px; z-index:1; text-align:center;} .prd-list .salebox:hover .salebig {background-color:#222; color:#fff; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } /* 롤오버 */ a img.menuon {display:none;} a img.menuoff {display:inline;} a:hover img.menuon {display:inline;} a:hover img.menuoff {display:none;} /* 하단 페이징 */ .paging {padding-bottom:20px;} .sliderkit {display:none;position:relative;} .sliderkit a, .sliderkit a:hover{text-decoration:none;} .sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;} .sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;} .sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;} .sliderkit .sliderkit-nav-clip ul li{float:left;} .sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;} .sliderkit .sliderkit-btn{z-index:10;} .sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;} .sliderkit .sliderkit-panel-active{z-index:5;} .sliderkit .sliderkit-panel-old{z-index:4;} /* 상단배너 */ #topbanner_area .topbanner {display:none;margin:0px;width:100%;text-align:center; } #topbanner_area .btnarea {position:relative; top:0px;left:270px;;margin:0 auto; width:1100px;height:0px;z-index:5; } #topbanner_area .btnarea .closebtn {cursor:pointer;width:52px;height:17px;background:url('/design/herbnoori/0704everday/top_btn_close.gif'); } #topbanner_area .btnarea .openbtn {display:none; cursor:pointer;width:52px;height:17px;background:url('/design/herbnoori/0704everday/top_btn_open.gif'); } #topbanner_area .roll_ban {height:120px; width:100%; } #topbanner_area .roll_ban .contentslider-top {width:100%; text-align:center; height:120px; padding:0px; margin:0px; border-right:none; position:relative;} #topbanner_area .roll_ban .contentslider-top .sliderkit-panels{ width:100%; height:120px;overflow:hidden; padding:0px; margin:0px; background:transparent;} #topbanner_area .roll_ban .contentslider-top .sliderkit-panel{ width:100%; height:120px;overflow:hidden ;padding:0px; margin:0px; background:transparent;} #topbanner_area .roll_ban .contentslider-top .btn_area {width:1100px; position:relative; margin:0 auto;} #topbanner_area .roll_ban .contentslider-top .sliderkit-go-btn{position:absolute;top:40px;z-index:7; right:0px; } #topbanner_area .roll_ban .contentslider-top .sliderkit-go-prev{} #topbanner_area .roll_ban .contentslider-top .sliderkit-go-next{margin-top:19px;} #topbanner_area .roll_ban .contentslider-top .sliderkit-go-btn a{display:block; width:20px; height:20px; background:url("/design/herbnoori/0704everday/btn.gif") no-repeat 0 0; } #topbanner_area .roll_ban .contentslider-top .sliderkit-go-prev a{background-position:0px 0px; } #topbanner_area .roll_ban .contentslider-top .sliderkit-go-next a{background-position:0px -19px;} #topbanner_area .roll_ban .contentslider-top .sliderkit-go-prev a:hover{background-position:-19px 0px; opacity:0.3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #topbanner_area .roll_ban .contentslider-top .sliderkit-go-next a:hover{background-position:-19px -19px; opacity:0.3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} #topbanner_area .roll_ban .contentslider-top .sliderkit-go-btn span{display:none;} /* 상단 */ #header {width:100%;margin:0 auto 20px; padding:0;border-top:2px solid #000;} /*마진값있음*/ /*#header {width:100%;margin:0 auto; padding:0;border-top:2px solid #000;} 마진값없음*/ #header .section {height:38px; background-color:#fff; width:100%; border-bottom:1px solid #dedede; } #header .section .section_box {width:1100px;margin:0 auto;height:38px;line-height:38px;} #header .section .section_box .inner1 li {float:left;} #header .section .section_box .inner1 li a {color:#444; font-size:11px; display:block;line-height:38px;padding:0 10px;} #header .section .section_box .inner1 li a:hover {color:#888;text-decoration:none;} #header .section .section_box .inner1 li:first-child a {border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #fff;} #header .section .section_box .inner1 li.top_lan {width:65px;height:18px;line-height:18px;border:1px solid #dedede;color:#777;font-size:10px;margin-top:10px;cursor:pointer;position:relative;} #header .section .section_box .inner1 li.top_lan img {vertical-align:top;padding:2px 3px 0 3px;} #header .section .section_box .inner1 li.top_lan:hover {color:#333;} #header .section .section_box .inner1 li.top_lan .top_lan_list {float:left;} #header .section .section_box .inner1 li.top_lan .top_lan_btn {float:right;border-left:1px solid #dedede;} #header .section .section_box .inner1 li.top_lan .top_lan_btn img {padding:0;} #header .section .section_box .inner1 li.top_lan #top_lanmenu {display:none;border:1px solid #dedede;width:65px;position:absolute;z-index:1;top:18px;left:-1px;background-color:#fff;} #header .section .section_box .inner1 li.top_lan #top_lanmenu ul li {width:65px;height:23px;line-height:23px;} #header .section .section_box .inner1 li.top_lan #top_lanmenu ul li a {padding:0;line-height:23px;color:#777;font-size:10px;border:0;} #header .section .section_box .inner1 li.top_lan #top_lanmenu ul li a:hover {color:#222;} #header .section .section_box .inner1 li.top_lan #top_lanmenu ul li img {display:inline-block;padding:5px 3px 0 3px;} #header .section .section_box .inner2 {float:right;padding:0;height:38px;} #header .section .section_box .inner2 li {float:left;position:relative;background:url('/design/herbnoori/0704everday/login_area_bg.gif') no-repeat top left;} #header .section .section_box .inner2 li a {color:#444; font-size:11px; display:block;line-height:38px;padding:0 10px;} #header .section .section_box .inner2 li a:hover {color:#888;text-decoration:none;} #header .section .section_box .inner2 li:first-child {background:none;} #header .hdArea .hdTop .hdRight ul li #point_icon {position:absolute; z-index:1; top:34px; left:-23px; text-align:center; padding:0; } #header .hdArea .hdTop .hdRight ul li #point_icon span {position:absolute;top:-5px;line-height:5px; left:50%;margin-left:-3px;color:#fe4c47;} #header .hdArea .hdTop .hdRight ul li #point_icon > div {display:block; width:98px; margin:0; height:19px; line-height:18px;background:#fe4c47; border-radius:3px;font-size:11px;color:#fff;} #header .section .section_box .inner2 .top_sns {font-size:0;background:none;} #header .section .section_box .inner2 .top_sns a {display:inline-block;padding:0 3px;} #header .section .section_box .inner2 .top_sns a img {vertical-align:middle;border:1px solid #dedede;} #header .section .section_box .inner2 .top_sns a img:hover {border:1px solid #242424;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} #header .section2 {width:1100px;margin:0 auto;height:84px;position:relative;} #header .section2 .top_logo {float:left; margin-top:18px;} #header .section2 .search {float:left;margin:20px 0 0 50px;} #header .section2 .search .MS_search_word {height:32px;line-height:32px;font-size:14px;width:300px; padding:0;margin:0;border:0;border-bottom:2px solid #000;color:#111;} #header .section2 .search .btn_sh {border-bottom:2px solid #000;} #header .section2 .topcate {float:right;margin:28px 20px 0 0;} #header .section2 .topcate span {position:absolute;top:20px;right:10px;display:block;background-color:#919191;color:#fff;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px;font-weight:bold;} #header .section3 {width:100%; height:40px; background-color:#394055;} #header .section3 .section_box {width:1100px;margin:0 auto; height:40px; position:relative; z-index:99;} #header .col {display: inline-block; float:left; text-align: center; height: auto;position: relative;height:38px;} #header .special-con {cursor: pointer; display:inline-block; width:38px; padding-top:8px; padding-bottom:9px; border-top:2px solid #222; border-left:1px solid #dedede; border-right:1px solid #dedede; } #header .bar {display:block; height: 1px; width: 16px;background: #222; margin:4px auto; } #header .special-con {margin: 0 auto;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} #header .section3 .top_b_menu a {text-align:center; height:38px; border-right:1px solid #dedede; display:block; padding: 0 20px; float:left; line-height:38px; font-size:12px; color:#222;} /*★*/ #header .section3 .top_b_menu a:hover {background-color:#f5f5f5; } #header .section3 #all_cate_area2 {display:none; z-index:2000; position:absolute; top:38px; border:1px solid #222; width:1098px; height:512px; margin:0px; padding:0px; font-size:0px; background-color:#fff;} #header .section3 #all_cate_area2 .all_cate_section01 {height:47px; width:1098px; border-bottom:1px solid #dedede; clear:both; background-color:#f0f0f0; } #header .section3 #all_cate_area2 .all_cate_close {float:left; background-color:#000; width:255px; height:47px; } #header .section3 #all_cate_area2 .all_cate_close a { color:#fff; font-size:14px; text-align:left; display:block; line-height:47px; padding-left:20px; background:url(/design/herbnoori/0704everday/close_bg.gif) no-repeat; background-position:220px 18px;} #header .section3 .all_cate_section02 {width:1090px; clear:both; background:url(/design/herbnoori/0704everday/all_cate_bg_1090.gif) repeat-y ; width:1090px; min-height:424px; margin-top:20px; margin-bottom:20px; } #header .section3 .all_cate_section02 ul {margin-top:0px; clear:both; overflow: hidden;} #header .section3 .all_cate_section02 ul li {float:left; width:149px; margin:0 16px;} #header .section3 .all_cate_section02 ul li:first-child {float:left; width:149px; margin-left:20px;} #header .section3 .all_cate_section02 .a_sub_title a {font-size:15px; color:#222; display:block; width:150px; border-bottom:1px solid #222; text-align:left; font-weight:bold; padding-bottom:10px; margin-bottom:10px;} #header .section3 .all_cate_section02 .a_sub_cate a {font-size:13px; color:#333; text-align:left; line-height:24px; display:block;} #header .section3 .all_cate_section02 .a_sub_cate a:hover {color:#5bb330;} .contentslider-tab-cate { width:1100px; height:406px; text-align:center; float:left; clear:both;} .contentslider-tab-cate .sliderkit-nav { position:absolute; height:47px; top:-48px; left:177px; width:920px;} .contentslider-tab-cate .sliderkit-nav-clip{ position:absolute; top:0px; left:0px;} .contentslider-tab-cate .sliderkit-nav-clip li{ display:block; padding:0px; margin:0px; width:100px; height:47px; font-size:15px; list-style:none; float:left ;border-right:1px solid #dedede; } .contentslider-tab-cate .sliderkit-nav-clip li:first-child {width:100px; border-left:1px solid #dedede;} .contentslider-tab-cate .sliderkit-nav-clip li a{ cursor:pointer; height:47px; color:#555; background-color:#f0f0f0; display:block; line-height:47px; font-weight:normal; font-size:13px; letter-spacing:-0.5px;} .contentslider-tab-cate .sliderkit-nav-clip li a:hover { color:#525252; background-color:#fff; display:block; font-weight:normal; } .contentslider-tab-cate .sliderkit-nav-clip li.sliderkit-selected a {color:#000; background-color:#fff; font-weight:normal; height:47px;} .contentslider-tab-cate .sliderkit-panels {width:1098px; height:464px;} .contentslider-tab-cate .sliderkit-panel {width:1098px; height:464px;} .contentslider-tab-cate .sliderkit-go-prev a{position:absolute;width:38px;height:46px;cursor:pointer;background:url("/design/herbnoori/0704everday/brand_cate_left.gif") no-repeat; z-index:2222; right:39px; top:0px; border-top:1px solid #dedede; border-left:1px solid #dedede;} .contentslider-tab-cate .sliderkit-go-next a{position:absolute; width:38px;height:46px;cursor:pointer;background:url("/design/herbnoori/0704everday/brand_cate_right.gif") no-repeat; z-index:2222; right:0px; top:0px; border-top:1px solid #dedede; border-left:1px solid #dedede;} #header .section3 #left_menu > li {padding:0;text-align:center;position:relative;display:inline-block;float:left;height:40px;} #header .section3 #left_menu > li > a {display:block;font-size:12px; color:#000; height:40px;line-height:40px;} /*#header .section3 #left_menu > li .mouse_hover,#header .section3 #left_menu > li > a:hover {box-shadow:0 2px 0 0 rgba(0,0,0,1) inset;}*/ #header .section3 #left_menu a.cate-name01, #header .section3 #left_menu a.cate-name02, #header .section3 #left_menu a.cate-name03, #header .section3 #left_menu a.cate-name04,#header .section3 #left_menu a.cate-name05,#header .section3 #left_menu a.cate-name06, #header .section3 #left_menu a.cate-name07,#header .section3 #left_menu a.cate-name08,#header .section3 #left_menu a.cate-name09, #header .section3 #left_menu a.cate-name10,#header .section3 #left_menu a.cate-name11 { background:url('/design/herbnoori/0704everday/nav_bg_v2_3.jpg') no-repeat;} #header .section3 #left_menu a.cate-name03 { margin-left:26px; width:52px; height:40px; background-position: -26px 0px; } #header .section3 #left_menu a.cate-name01 { margin-left:43px; width:38px; height:40px; background-position: -121px 0px; } #header .section3 #left_menu a.cate-name02 { margin-left:43px; width:74px; height:40px; background-position: -202px 0px; } #header .section3 #left_menu a.cate-name04 { margin-left:42px; width:69px; height:40px; background-position: -317px 0px; } #header .section3 #left_menu a.cate-name05 { margin-left:43px; width:60px; height:40px; background-position: -429px 0px; } #header .section3 #left_menu a.cate-name06 { margin-left:43px; width:51px; height:40px; background-position: -532px 0px; } #header .section3 #left_menu a.cate-name07 { margin-left:41px; width:65px; height:40px; background-position: -624px 0px; } #header .section3 #left_menu a.cate-name08 { margin-left:41px; width:84px; height:40px; background-position: -730px 0px; } #header .section3 #left_menu a.cate-name09 { margin-left:41px; width:24px; height:40px; background-position: -855px 0px; } #header .section3 #left_menu a.cate-name10 { margin-left:43px; width:61px; height:40px; background-position: -922px 0px; } #header .section3 #left_menu a.cate-name11 { margin-left:41px; width:50px; height:40px; background-position: -1024px 0px; } #header .section3 #left_menu a.cate-name03:hover { background-position: -26px -40px; } #header .section3 #left_menu a.cate-name01:hover { background-position: -121px -40px; } #header .section3 #left_menu a.cate-name02:hover { background-position: -202px -40px; } #header .section3 #left_menu a.cate-name04:hover { background-position: -317px -40px; } #header .section3 #left_menu a.cate-name05:hover { background-position: -429px -40px; } #header .section3 #left_menu a.cate-name06:hover { background-position: -532px -40px; } #header .section3 #left_menu a.cate-name07:hover { background-position: -624px -40px; } #header .section3 #left_menu a.cate-name08:hover { background-position: -730px -40px; } #header .section3 #left_menu a.cate-name09:hover { background-position: -855px -40px; } #header .section3 #left_menu a.cate-name10:hover { background-position: -922px -40px; } #header .section3 #left_menu a.cate-name11:hover { background-position: -1024px -40px; } #header .section3 #left_menu > li .sub1 {background-color:#fff;display:none; position:absolute;top:40px; left:-78px; z-index:20;width:130px;border:1px solid #dedede;border-top:0;padding:10px 5px 5px 5px;} #header .section3 #left_menu > li .sub1 > li {position:relative;height:38px;} #header .section3 #left_menu > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:50%;right:2px;background:url('/design/herbnoori/0704everday/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-2px;-webkit-transition:-webkit-transform 150ms ease-out;-moz-transition:transform 150ms ease-out;-ms-transition:transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out} #header .section3 #left_menu > li .sub1 > li .sub_cate_on_arrow.rotateon {-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} #header .section3 #left_menu > li .sub1 > li > a {text-align:left;display:block;border-top:1px solid #eaeaea;line-height:38px; height:38px;font-size:13px;color:#666;padding:0 0 0 10px;margin:0;} #header .section3 #left_menu > li .sub1 > li > .sub_mouse_hover, #header .section3 #left_menu > li .sub1 > li > a:hover {color:#444;background-color:#f5f5f5;text-decoration:none;} #header .section3 #left_menu > li .sub1 > li:first-child > a {border:0;} #header .section3 #left_menu > li .sub1 > li .sub2 {display:none; position:absolute;top:-10px;left:100%;z-index:21;width:130px;background-color:#fff;border:1px solid #ccc;padding:10px 5px 5px 5px;/*border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;*/} #header .section3 #left_menu > li .sub1 > li .sub2 > li {height:38px;} #header .section3 #left_menu > li .sub1 > li .sub2 > li > a {text-align:left;display:block;border-top:1px solid #eaeaea;line-height:38px; height:38px;font-size:12px;color:#666;padding:0 0 0 10px;margin:0;} #header .section3 #left_menu > li .sub1 > li .sub2 > li > a:hover {color:#444;background-color:#f5f5f5;text-decoration:none;} #header .section3 #left_menu > li .sub1 > li .sub2 > li:first-child > a {border:0;} #header .section3 #left_menu > li .sub1-02 {left:27px;} #header .section3 #left_menu > li .sub1-03 {left: 0px;} #header .section3 #left_menu > li .sub1-04 {left: 27px;} #header .section3 #left_menu > li .sub1-05 {left: 27px;} #header .section3 #left_menu > li .sub1-06 {left: 27px;} #header .section3 #left_menu > li .sub1-07 {left: 27px;} #header .section3 #left_menu > li .sub1-08 {left: 27px;} #header .section3 #left_menu > li .sub1-09 {left: 27px;} #header .section3 #left_menu > li .sub1-10 {left: 27px;} #header .section3 #left_menu > li .sub1-11 {left:-24px;} /* 상단 카테고리(고정) */ #comment_top.fixed { position:fixed; top:0px; left:0px; z-index:222; background-color:#394055;} /* BASIC css end */ /* BASIC css end */