/* BASIC css start */
/* 210219 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; }

.cboth {clear:both;*zoom:1}
.cboth:after {content:" ";display:block;clear:both;}
.fleft {float:left;}
.fright {float:right;}
.m_off {display:none !important;}
.pdt30 {padding-top:30px;}

/* °øÅë·¹À̾ƿô */
#header, #layerWrap, #contentWrap, #ftLink .link, #footer { width:1200px; }
#content { float:right; width:980px; margin-top:15px; background-color:#fff; }
#contentWrap {min-height:1100px; padding:0; background-color:#fff; }
body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a {font-family:'Nanum Gothic', sans-serif;}
a {text-decoration:none;}



/* °Ô½ÃÆÇ */
#review .tit-sch,
.bbs-tit h3 {font-weight:500;}
.com-wrt-box .wrt textarea {width:850px;}
.com-wrt-box .wrt_write .CSSbuttonBlack {float:right;}

/* »óÇ°¸®½ºÆ® (°Ë»ö/»óÇ°¸®½ºÆ®) */
.item-wrap {width:980px;}
.prd-list {margin:0px auto;}
.prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom:50px;}
.prd-list table .tb-center {margin:0 auto; padding:0;text-align:center;position:relative;}
.prd-list table .info { width:160px;padding:0px;text-align:center;background:none;display:inline-block; }
.prd-list .info {width:160px;}
.prd-list .thumb { width:160px;height:100%;font-size:0; line-height:0; border:1px solid #e0e0e0;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.prd-list .thumb:hover {box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07);}
.prd-list .thumb a,
.prd-list .thumb img { display:block;width:100%;height:100%;}
.prd-list .dsc { margin-top:15px;font-weight:normal;font-size:14px;color:#222;}
.prd-list .subname { margin-top:7px;  font-weight:normal; font-size:12px;color:#888;}
.prd-list .soldout { margin-top:5px; font-weight: bold; color:#ff0000;font-size:12px; }
.prd-list .consumer { margin-top:7px; color:#888;font-size:12px; text-decoration:line-through;}
.prd-list .price { margin-top:5px; font-weight:bold; color:#222;font-size:16px;letter-spacing:-0.5px;}
.prd-list .icon { margin:5px auto 5px; }
.prd-list .icon img {padding:0 1px;}
.prd-list .closeup { margin-top:7px; }
.prd-list .salebox {position:relative;}
.prd-list .sale_text {width:40px;height:24px;line-height:22px;position:absolute;bottom:6px;right:6px;z-index:11;background-color:#45b11a;color:#fff;font-size:14px;font-weight:600;text-align:center;display:none;font-family: "Open Sans", sans-serif;}

/* »óÇ°¸®½ºÆ® Ä÷¯Ä¨ */
.prd-list .color {margin:5px auto;}
.prd-list .color span {display:inline-block; width:15px; height:5px; margin-right:4px; border:1px solid #e0e0e0;}

/* »óÇ°¸®½ºÆ® ¿É¼Ç */
.prd-list .prd_icon {display:table; margin:5px auto;}
.prd-list .prd_icon li {float:left; margin:0 2px; border:1px solid #e0e0e0; cursor:pointer;}

/* ·Î±×ÀÎÈ­¸é Áß¾ÓÁ¤·Ä */
#findIdPwd_result,
#findWrap,
#loginWrap {width:980px;margin-right:auto;margin-left:auto}
#loginWrap .mlog-sign .mlog {padding:0 52px;}
#loginWrap .mlog-sign .sign {padding-left:52px;}
#loginWrap .order-sp .left-tit {width:280px; margin-left:52px;}

/* ¸¶ÀÌÆäÀÌÁö */
#mypage .info .user {width:490px;}



/* »ó´Ü */
#header {width:100%;position:relative;}

/* »ó´Ü ·Î±×ÀÎ ¿µ¿ª */
.header_section1 {width:100%;height:39px;background-color:#fcfcfc;border-bottom:1px solid #dedede;}
.header_section1 .top_login_inner {width:1200px; height:39px; line-height:39px; margin:0 auto;  }
.header_section1 .top_login_inner a {color:#777; display:block; line-height:39px;  display:block; font-size:12px; padding:0px 14px;}
.header_section1 .top_login_inner a:hover {text-decoration:none; color:#45b11a;}
.header_section1 .login_left {width:150px; background-color:#fff !important;  padding:0px !important; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #fff;
background-image:url('http://natural1111.img1.kr/0738greenpop/fav_icon.gif'); background-position:110px 15px; background-repeat:no-repeat; text-align:left; text-indent:13px; letter-spacing:-0.5px;}
.header_section1 .login_right ul li {float:left; position:relative;}
.header_section1 .login_right a {padding:0px 12px; color:#777; background-image:url('http://natural1111.img1.kr/0738greenpop/login_area_bg.gif'); background-position:top left; background-repeat:no-repeat; font-size:12px; letter-spacing:-0.5px;}
.header_section1 .login_right a:hover {text-decoration:none; color:#45b11a;}
.header_section1 .login_right a.bgnone {background-image:none !important; }
.header_section1 .login_right span {color:#45b11a;}
.header_section1 .login_right .pdrnone {padding-right:0px;}

/* »ó´Ü ·Î°í ¿µ¿ª */
.header_section2 {width:1200px;height:100px;margin:0 auto;position:relative;}
.header_section2 .top_ban_left {position:absolute;top:0;left:0;}
.header_section2 .top_ban_right {position:absolute;top:0;right:0;}
.header_section2 .top_center_area {width:600px;padding:30px 0;margin:0 auto;text-align:center;font-size:0;}
.header_section2 .top_center_area .top_logo_area {display:inline-block;text-align:center;margin-right:30px;vertical-align:top;}
.header_section2 .top_center_area .top_search_area {display:inline-block;vertical-align:top;width:350px;height:34px;border:3px solid #dedede;border-radius:20px;-webkit-border-radius:20px; -moz-border-radius:20px;}
.header_section2 .top_center_area .top_search_area .MS_search_word {border:0;vertical-align:top;padding-top:8px;width:284px;height:18px;line-height:18px;color:#777;font-size:13px;}
.header_section2 .top_center_area .top_search_area .search_btn {vertical-align:top;padding-top:8px;}

/* »ó´Ü Àüü Ä«Å×°í¸® */
.header_section3 {width:100%; height:50px; background-color:#45b11a; background-image:url('http://natural1111.img1.kr/0738greenpop/top_bg.jpg'); background-position:top center; background-repeat:no-repeat; position:relative;}
.header_section3 .inner {width:1200px; margin:0 auto; height:50px;}
.header_section3 .all_cate {width:194px; height:50px; float:left; text-align:left; line-height:45px;background-color:#fff;  color:#45b11a; font-size:17px; font-weight:700; font-family:"Open Sans", sans-serif; background-image:url('http://natural1111.img1.kr/0738greenpop/all_cate_bg.gif');background-position:150px 16px; background-repeat:no-repeat; text-indent:20px; cursor:pointer; border:3px solid #45b11a; position:absolute; }
.header_section3 .all_cate span { color:#000; }

/* »ó´Ü Ä«Å×°í¸® */
.header_section3 .top_cate01 {width:630px; height:50px; padding-left:200px; float:left; background-color:#45b11a; }
.header_section3 .top_cate01 ul li {float:left;}
.header_section3 .top_cate01 ul li a {height:50px; line-height:50px; color:#fff; padding:0px 19px; font-size:16px; display:block; font-weight:600;}
.header_section3 .top_cate01 ul li:first-child a {margin-left:23px;}
.header_section3 .top_cate01 ul li a:hover {color:#ffff00;}

.header_section3 .top_cate02 {width:318px; height:50px; float:left;  background-color:#000;}
.header_section3 .top_cate02 ul li {float:left;}
.header_section3 .top_cate02 ul li a {height:50px; line-height:50px; color:#fff; padding:0px 20px; font-size:16px; display:block; font-weight:600;}
.header_section3 .top_cate02 ul li:first-child a {margin-left:10px;}
.header_section3 .top_cate02 ul li a:hover {color:#ffff00;}


/* »óÇ°Áø¿­ ŸÀÌƲ °øÅë */
.product_title { text-align:center;width:980px; font-size:21px; line-height:40px; margin:30px auto;color:#000;}
.product_title span:first-child { font-family: 'NanumBarunGothicLight';}
.product_title span:nth-child(2) { font-weight:700; color:#45b11a;}
.product_title span:nth-child(3) { font-weight:700; }
.recmd_title { text-align:center; font-size:30px; line-height:30px; margin:50px auto; }

/* »óÇ°Áø¿­ Àαâ»óÇ° ¸®½ºÆ® */
.rank_product { width:100%; padding:10px 0 0; background-color:#f6f6f6; overflow:hidden;margin:50px auto 0;}
.rank_product .prd-list { width:1200px;margin:0 auto; }
.rank_product .rank_icon { width:38px; height:43px; text-align:center; background-image:url('http://natural1111.img1.kr/0738greenpop/rank02.png'); background-position:top left; background-repeat:no-repeat;  color:#fff;padding-top:4px; position:absolute; top:-2px; left:17px; z-index:1;}
.rank_product tr td:first-child .rank_icon { background-image:url('http://natural1111.img1.kr/0738greenpop/rank01.png');}
.rank_product .rank_icon .numb {font-size:14px; font-weight:600; letter-spacing:-0.5px; line-height:21px; margin-left:-2px;}

/* »óÇ°Áø¿­ º£½ºÆ®»óÇ° ¸®½ºÆ® */
.best_product {margin:50px auto 20px;font-size:0;}
.best_product .best_product_table {display:inline-block;width:400px;vertical-align:top;margin-top:20px;}
.best_product .best_title {display:inline-block;width:381px;text-align:center;margin:0 auto;vertical-align:top;}


/* Ä«Å×°í¸® */
#left_menu {margin:0 auto;padding:0;border-top:1px solid #ccc;background-color:#fff;width:180px;}
#left_menu > li {padding:0;text-align:left;position:relative;height:33px;}
#left_menu > li > a {display:block; color:#000; font-size:14px; line-height:33px;text-indent:10px;font-weight:500;}
#left_menu > li:first-child {margin-top:8px;}
#left_menu > li:first-child .sub1 {top:-9px;}
#left_menu > li:first-child .sub_cate_icon_arrow {top:8px;}
#left_menu > li .mouse_hover,
#left_menu > li > a:hover {color:#45b11a;}
#left_menu > li .sub_cate_icon_arrow {display:none;position:absolute;top:11px;right:10px;background:url('http://natural1111.img1.kr/0738greenpop/cate_icon.gif') no-repeat;z-index:20;width:5px;height:9px;}
#left_menu > li .sub1 {background-color:#fff;display:none; position:absolute;top:-6px;left:100%;z-index:20;width:120px;border:1px solid #45b11a;padding:5px 10px;margin:0 0 0 -10px;}
#left_menu > li .sub1 > li {position:relative;height:33px;}
#left_menu > li .sub1 > li .sub_cate_on_arrow {position:absolute;top:50%;right:5px;background:url('http://natural1111.img1.kr/0738greenpop/sub_cate_on.png') no-repeat;z-index:20;width:5px;height:8px;margin-top:-5px;-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}
#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)}
#left_menu > li .sub1 > li > a {text-align:left;display:block;border-top:1px solid #eaeaea;line-height:33px; height:33px;font-size:13px;color:#666;padding:0 0 0 5px;margin:0;}
#left_menu > li .sub1 > li > .sub_mouse_hover,
#left_menu > li .sub1 > li > a:hover {color:#45b11a;text-decoration:none;}
#left_menu > li .sub1 > li:first-child > a {border:0;}
#left_menu > li .sub1 > li .sub2 {display:none; position:absolute;top:-6px;left:100%;z-index:21;width:120px;background-color:#fff;border:1px solid #45b11a;padding:5px 10px;}
#left_menu > li .sub1 > li .sub2 > li {height:33px;}
#left_menu > li .sub1 > li .sub2 > li > a {text-align:left;display:block;border-top:1px solid #eaeaea;line-height:33px; height:33px;font-size:13px;color:#666;padding:0 0 0 5px;margin:0;}
#left_menu > li .sub1 > li .sub2 > li > a:hover {color:#45b11a;text-decoration:none;}
#left_menu > li .sub1 > li .sub2 > li:first-child > a {border:0;}
/* BASIC css end */