/* BASIC css start */
/* 160105 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%; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { border:0; border-spacing:0; border-collapse:collapse; }
th,td { border:0; vertical-align:top; }

.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; }

.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt60 {padding-top:60px;}
.pdt80 {padding-top:80px;}

.pdb10 {padding-bottom:10px;}
.pdb15 {padding-bottom:15px;}

.mrt20 {margin-top:20px;}

/* 공통레이아웃 */
#header, #layerWrap, #contentWrap, #ftLink .link, #footer { width:1100px; }
#content { width:1100px;}


/* 롤오버 */
a img.menuon {display:none;}
a img.menuoff {display:inline;}
a:hover img.menuon {display:inline;}
a:hover img.menuoff {display:none;}

* {margin:0; padding:0;}
body { background-image:url(/design/pllomann/0581greenstone/top_bg.gif);background-repeat:repeat-x;background-position:top center;background-color:#FFFFFF; margin:0; padding:0;}

#hdWrap {margin:0; padding:0;}
#hdWrap #header { margin:0 auto; width:1100px; height:207px; padding:0px 0 0px 0; z-index:999;  }
#hdWrap #header .section1 {float:left; width:1100px; margin:0; padding:0 0 0px 0;}
#hdWrap #header .section1 .top-left {float:left; width:190px; padding-top:0px;}
#hdWrap #header .section1 .top-center {float:left;text-align:center;width:710px;}
#hdWrap #header .section1 .top-logo{float:left; padding-left:103px;}
#hdWrap #header .section1 .top-right {float:left;}
#hdWrap #header .section {width:1100px; height:31px; }
#hdWrap #header #top_btn1 {float:left; margin:0px; padding-top:10px;}
#hdWrap #header #top_btn1 div {float:left;margin:0 7px 0 7px; padding:0px;}
#hdWrap #header #top_btn1 a,a:link,a:visited {font-family:돋움;font-size:11px;color:#999999;} /* 시작페이지,고객센터,즐겨찾기 */
#hdWrap #header #top_btn1 a:hover {font-family:돋움;font-size:11px;text-decoration:none;color:#000000;}
#hdWrap #header #top_btn2 {float:right; margin:0px; padding-top:10px;}
#hdWrap #header #top_btn2 div {float:left;}
#hdWrap #header #top_btn2 #top_btn2menu a,a:link,a:visited {font-family:돋움;font-size:11px;text-decoration:none;color:#333333;}  /* 로그인,회원가입 */
#hdWrap #header #top_btn2 #top_btn2menu a:hover {font-family:돋움;font-size:11px;text-decoration:none;color:#3b9926;}
#hdWrap #header #top_btn2 a,a:link,a:visited {font-family:돋움;font-size:11px;text-decoration:none;color:#999999;}  /* 마이페이지,장바구니,주문배송조회 */
#hdWrap #header #top_btn2 a:hover {font-family:돋움;font-size:11px;text-decoration:none;color:#000000;}


#hdWrap #header .section2 {padding:0; margin:0; height:37px; width:1100px;float:left; position:relative;}
#top_1dep { margin:0; padding:0; width:190px; height:37px; float:left;}
#submenu1 { margin:0; padding:0; position:absolute; top:36px; left:0px; display:none; width:855px; background-color:#fff; border:2px solid #191919; }
#mainFrame {width:855px;}


.sample_bn{width:236px; height:66px;}
.sample_bn p{float:left; width:10px; height:66px; margin:0px; padding:0px;}
.sample_bn div{position:relative; overflow:hidden; float:left; width:216px; height:66px;}
.sample_bn div ul{position:absolute; left:0px; top:0px; width:20000px; height:66px;}
.sample_bn div ul li{float:left; width:216px; height:66px;}

#hdWrap #header .top_menu1 {float:left;}
#hdWrap #header .top_menu1 li {list-style:none; display:inline;font-size:0;padding:0;margin:0;}
#hdWrap #header .top_menu1 li img {vertical-align:top; display:block; float:left;}

/* 검색창 */
#header #hdSchFrm { position: absolute; right: 290px; top: 68px;}
#header #hdSchFrm fieldset { float: left; width: 298px; }
#header #hdSchFrm .MS_search_word,
#header #hdSchFrm .btn-sch { float: left; width:44px; }
#header #hdSchFrm .MS_search_word { border: 0px; width: 230px; height: 27px; padding: 2px 0 0 2px; background-color: #fff; border:4px solid #3f3f3f; padding-left:10px; padding-top:10px;}

.menu_pad {font-size:11px; color:#737373; padding:0 3px 0 0;}

#content .content_ {position:absolute;left:0;}
#content .top_roll {float:left; margin:12px 0 0 10px;}
.main_img {width:216px;height:66px;cursor:pointer;}

#top_cate {padding:0; margin:0; height:37px; width:1100px;float:left; position:relative; }
#top_1dep { margin:0; padding:0; width:190px; height:37px; float:left;}
#submenu1 { margin:0; padding:0; position:absolute; top:36px; left:0px; display:none; width:855px; background-color:#fff; border:2px solid #191919; }
#mainFrame {width:855px;}


a { text-decoration:none; color:#555; font-family:돋움; font-size:12px;}
a:link { text-decoration:none; color:#555; font-family:돋움; font-size:12px;}
a:visited { text-decoration:none; color:#555; font-family:돋움; font-size:12px;}
a:hover { text-decoration:none; color:#000; font-family:돋움; font-size:12px; cursor:pointer;}

ul, li{margin:0px; padding:0px; list-style:none; vertical-align:top;}


/*상단메뉴*/
#top_menu {margin: 0; padding: 0;float:left;}
#top_menu li {margin: 0; padding: 0 6px; list-style: none; float: left; font: bold 11px arial}
#top_menu li a.menu {display: block; text-align: center; padding: 0px; margin: 0 0px 0 0; color: #FFF; text-decoration: none}
#top_menu li a.menu:hover {background: #000 }

.top_sub {background: #fff; border: 0px solid #000000; visibility: hidden; position: absolute;  width:150px;margin-left:-6px; }
.top_sub .sub {border:4px solid #3b9926; padding:5px;}
.top_sub .sub a {display: block;font: bold 12px 돋움; text-align: left; text-decoration: none; padding: 5px; background: #fff; color: #555555; border-bottom:1px solid #e0e0e0; line-height:20px;}
.top_sub .sub a:hover { background: #3b9926;color: #FFF}
.top_sub .sub .last {border:0px;}


/* 상단메뉴-마이페이지 */
#top_mypage{ float:left; position:relative; margin:0; padding:0px; list-style: none; line-height:31px; font-size:11px;}
#top_mypage img {vertical-align:middle; padding:0px; margin-bottom:3px;}
#top_mypage a.menu{ display: block; padding:0px;margin:0px;color: #999999; text-decoration: none;  font-size:11px;}
#top_mypage a.menu:hover{ color:#000000;  font-size:11px;}
.mypage_submenu { width:70px; border:2px solid #a5bc0a; background-color:white; visibility:hidden; position: absolute; z-index:3; left:6px; top:15px}
.mypage_submenu a.msubmenu,a.msubmenu:link,.msubmenua:visited { display: block; line-height:23px; font-size:11px; color: #999999; text-align: left; text-decoration: none; margin:0px 0 0px 0; padding:0px 3px 0px 5px; }
.mypage_submenu a.msubmenu:hover { background: #ececec;  font-size:11px; color: #333333; text-align: left; text-decoration: none; margin:0px 0 0px 0; padding:0px 3px 0px 5px; }



/* 카테고리 전체보기 */
#mainContent {width:855px;}
#top_2dep .mcate1 {width:150px; padding:20px 0 30px 20px; border-right:1px solid #ececec;}
#top_2dep .mcate2 {width:150px; padding:20px 0 41px 20px; border-right:1px solid #ececec;}

#top_2dep #a { padding-bottom:7px; }
#top_2dep .a {font-family:돋움; font-size:12px; color:#555555; width:130px; line-height:20px; background:url(../img/top_2dep_bg.gif) no-repeat top;}
#top_2dep .a:link {font-family:돋움;font-size:12px;text-decoration:none;color:#444444; }
#top_2dep .a:visited {font-family:돋움;font-size:12px;text-decoration:none;color:#444444;}
#top_2dep .a:hover {font-family:돋움;font-size:12px;text-decoration:none;color:#444444;}

#top_2dep #b { padding-left:0px; background:url(img/top_cate_icon.gif); background-repeat:repeat-y; }
#top_2dep a {line-height:20px; font-family:돋움;font-size:12px;color:#818485; width:120px; }
#top_2dep a:link {font-family:돋움;font-size:12px;text-decoration:none;color:#818485; }
#top_2dep a:visited {font-family:돋움;font-size:12px;text-decoration:none;color:#818485; }
#top_2dep a:hover {font-family:돋움;font-size:12px;text-decoration:none;color:#000000 }

.height {height:22px;}



#hdWrap #header .section3 {float:left; width:1100px; height:24px; background-color:#f0f0f0;}




/* BASIC css end */