@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* Font-Face */
@font-face {
    font-family:'NanumGothic';
    src: url('/font/NanumGothic.eot');
    src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/font/NanumGothic.woff') format('woff'),
         url('/font/NanumGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* TYPE, COMMON */
html,body{width:100%;height:100%;}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,legend{margin:0;padding:0;}
body{*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,input,textarea,select,option{color:#444; font-family: 'Nanum Gothic', 'NanumGothic', '맑은고딕', 'MalgunGothic','MalgunGothic','돋움',dotum,helvetica,sans-serif; font-size:12px;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
em,address,dfn,cite{font-style:normal}
a{color:#666;text-decoration:none}
a:hover{color:#000;text-decoration:underline}
label,button{cursor:pointer}
button{margin:0;padding:0}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
caption, legend,
#skipNavi {
	width:0;
	height:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	font-size:0;
}
input.text,
input.password,
textarea {
	padding:2px 0 1px;
	border:1px solid #c1c1c1;
	margin:0;
}
label,
input.button, input.submit , input.image,
button {
	cursor:pointer;
}
textarea, pre {
	overflow:auto;
}
/* SKIP */
.skip{}
.skip a{display:block;position:absolute;top:-10000em;width:100%;font:bold 1.3em '돋움',dotum,helvetica,sans-serif;text-align:center;}
.skip a:hover,.skip a:active,.skip a:focus{top:0;padding:1em 0;background:navy;color:#fff;}

/* FORM */
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
.input_check,.input_radio{width:13px;height:13px;margin:0;padding:0}

/* TABLE */
table{border-spacing:0;border-collapse:collapse;}
table,th,td{color:#666;font-family: 'Nanum Gothic', 'NanumGothic', '맑은고딕', 'MalgunGothic','MalgunGothic','돋움',dotum,helvetica,sans-serif; font-size:12px;}
caption,.hidden{position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}

.invisible {
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
.png24 {tmp:expression(setPng24(this));}
.mgl30 {margin-left:30px !important;}
.pdt5 {padding-top:5px !important; }
.pdt10 {padding-top:10px !important; }
.pdt15 {padding-top:15px !important; }
.pdt20 {padding-top:20px !important; }
.pdt25 {padding-top:25px !important; }
.pdt30 {padding-top:30px !important; }
.pdt35 {padding-top:35px !important; }
.pdt40 {padding-top:40px !important; }
.pdb5 {padding-bottom:5px !important; }
.pdb10 {padding-bottom:10px !important; }
.pdb15 {padding-bottom:15px !important; }
.pdb20 {padding-bottom:20px !important; }
.pdb25 {padding-bottom:25px !important; }
.pdb30 {padding-bottom:30px !important; }
.pdb35 {padding-bottom:35px !important; }
.pdb40 {padding-bottom:40px !important; }
.pdl5 {padding-left:5px !important; }
.pdl15 {padding-left:15px !important; }

/* 왼쪽에 작은 박스 상자로 처리 */
#skip{position:absolute;left:0;top:0;width:0;height:0;text-indent:-999em}
#skip a:focus,#skip a:hover,#skip a:active{z-index:900;position:absolute;left:0;top:0;display:inline-block;padding:6px 5px 4px;font:normal 900 12px/120% '맑은 고딕', 'MalgunGothic', verdana, sans-serif;text-indent:0;text-decoration:none;white-space:nowrap;color:#0d4c91;background:#fff;}

div#wrap {min-width:320px; }
div#header {position:relative; }
div#header h1 {position:absolute; top:52px; left:50%; width:190px; margin-left:-100px; }
div#header h1 img {width:100%;}
div#header > div.left_btn {position:absolute;top:70px;left:4%;text-align:left; }
div#header > div.left_btn > img {width:60%; }
div#header > div.right_btn {position:absolute;top:70px;right:4%;text-align:right; }
div#header > div.right_btn > img {width:60%; }
div.util {overflow:hidden; padding:0 10px; background:#95e0da;}
div.util li {float:left; width:25%; text-align:center; background:url(../../images/package_green/main/line_util.gif) no-repeat 100% 13px; }
div.util li a {display:block; padding:10px 0; font-family:"times new roman"; font-size:13px; color:#fff; text-decoration:none; }
div.util li a span {display:inline-block; width:10px; vertical-align:top; margin:4px 2px 0 0 ; }
div.util li a span img {width:100%; }
div.util li.util_search {background:none; }

div.search_form {display:none; position:absolute; top:36px; left:0; width:100%; }
div.search_form form {position:relative; padding:10px; background:#eee;}
div.search_form form div.search_box {overflow:hidden; padding:5px; background:#fff; }
div.search_form form div.search_box label {float:left; }
div.search_form form div.search_box label img {width:20px; }
div.search_form form div.search_box span {float:left; width:88%; }
div.search_form form div.search_box span input[type="text"] {padding:2px 5px; border:0 ; }
div.search_form form a {position:absolute; top:10px; right:10px; width:50px; }
div.search_form form a img {width:100%; }

div#gnb {margin-top:90px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; }
div#gnb ul {overflow:hidden;  }
div#gnb ul:first-child {border-bottom:1px solid #dedede;}
div#gnb ul li {float:left; width:33.33%; }
div#gnb ul li:first-child a {border-right:0; }
div#gnb ul li a {display:block; padding:15px 0; border-left:1px solid #dedede;}
div#gnb ul li a img {width:100%; }

/* 메인롤링 */
div.main_rolling {position:relative; width:100%;position:relative; overflow:hidden;  }
div.main_rolling div.main_rolling_img {width:100%; }
div.main_rolling div.main_rolling_img > img {width:100%; }
div.main_rolling div.main_rolling_img ul.rolling_list {overflow:hidden; width:100%; }
div.main_rolling div.main_rolling_img ul.rolling_list > li {float:left;  width:100%; }
div.main_rolling div.main_rolling_img ul.rolling_list > li > a > img {Xwidth:100%; width:100%; }

div.main_rolling  div.rolling_icon {position:absolute; bottom:15px; left:0;  text-align:center; width:100%; }
div.main_rolling ul.main_rolling_icon { overflow:hidden; width:15%; margin:0 auto; }
div.main_rolling ul.main_rolling_icon > li {float:left; width:25%; }
div.main_rolling ul.main_rolling_icon > li > a {display:inline-block; width:80%; padding:0 10%;
	background-image: url(../../images/package_green/main/main_roll_off.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align:top; 
}
div.main_rolling ul.main_rolling_icon > li > a > img {width:100%; opacity: 0; }
div.main_rolling ul.main_rolling_icon > li.page_on > a {
	background-image: url(../../images/package_green/main/main_roll_on.png);
}
div.main_data {padding-top:10px; }
div.main_data ul {overflow:hidden; width:100%; }
div.main_data ul li {float:left; width:50%; }
div.main_data ul li a img {width:100%; }

/* 베스트 상품 */
div.best_item {padding-top:40px; }
div.best_item h2 {width:100%; }
div.best_item h2 img {width:100%; }
div.best_item div.best_item_box {padding:20px 10px 0 10px; }
div.best_item div.best_item_box ul:first-child {padding-top:0;}
div.best_item div.best_item_box ul {overflow:hidden; padding-top:25px;}
div.best_item div.best_item_box ul li {float:left; width:33.33%; }
div.best_item div.best_item_box ul li span.goods_img {padding:0 2%; text-align:center; width:96%;overflow:hidden;position:relative; }


/* 상품 공통 */
ul.goods_list li {text-align:center; }
ul.goods_list li a {text-decoration:none; }
ul.goods_list li a span.goods_img {display:inline-block; vertical-align:top; }
ul.goods_list li a span.goods_img img {width:95%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); }
ul.goods_list li a span.goods_tit {display:block; padding-top:11px; font-size:12px; color:#151515; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"돋움";}
ul.goods_list li a span.goods_code {display:block; padding-top:2px; font-size:11px; color:#767676; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"돋움";}
ul.goods_list li a span.goods_icon {display:block; padding-top:7px;}
ul.goods_list li a span.goods_won {display:block; padding-top:7px; color:#ec3d75; font-weight:bold; }

/* 메인 새로운 상품 */
div.new_item {position:relative; padding-top:40px; }
div.new_item h2 img {width:100%; }
div.new_item div.new_item_roll {padding:20px 12.5% 0 12.5%; }
div.new_item div.new_item_roll ul {overflow:hidden; width:100%; }
div.new_item div.new_item_roll ul li {float:left; width:50%; }
div.new_item div.new_item_roll ul li a {text-align:center; text-decoration:none; }
div.new_item div.new_item_roll ul li a span.goods_img {width:90%;position:relative;overflow:hidden; }
div.new_item div.new_item_roll ul li a span.goods_img img {width:100%; }
div.new_item div.new_item_roll ul li a span. {}
div.new_item  a.btn_arrow_lt {position:absolute; top:45%; left:20px; width:7%; }
div.new_item  a.btn_arrow_lt img {width:100%; }
div.new_item  a.btn_arrow_rt {position:absolute; top:45%; right:20px; width:7%; }
div.new_item  a.btn_arrow_rt img {width:100%; }

/* reviews */
div.main_reviews { padding-top:40px; }
div.main_reviews h2 {padding-bottom:20px; }
div.main_reviews h2 img {width:100%; }
div.main_reviews div.reviews_list {padding:0 10px; border-bottom:1px solid #ddd; }
div.main_reviews div.reviews_list table {width:100%; }
div.main_reviews div.reviews_list table thead tr th {padding:10px 0; text-align:center; font-size:13px; color:#444; border-top:1px solid #bbb; border-bottom:1px solid #ddd; background:#f8f8f8; }
div.main_reviews div.reviews_list table tbody tr:first-child td {border-top:0; }
div.main_reviews div.reviews_list table tbody tr td {padding:15px 0; text-align:center; border-top:1px solid #ddd; }
div.main_reviews div.reviews_list table tbody tr td.subject {text-align:left; }
div.main_reviews div.reviews_list table tbody tr td.subject a {display:inline-block;padding-left:5px; text-decoration:none; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.main_reviews div.reviews_list table tbody tr td.subject a span {color:#00b0ae;}

/* 배송사진 */
div.photo_gallery {padding-top:40px; }
div.photo_gallery h2 img {width:100%; }
div.photo_gallery div.photo_gallery_list {padding:20px 10px 0 10px; }
div.photo_gallery div.photo_gallery_list ul {overflow:hidden; width:100%; }
div.photo_gallery div.photo_gallery_list ul li {float:left; width:25%; }
div.photo_gallery div.photo_gallery_list ul li a {display:block; padding:2px; }
div.photo_gallery div.photo_gallery_list ul li a img {width:100%; }

/* paging */
div.paging {text-align:center; padding:10px 0 20px 0;}
div.paging > a {display:inline-block;padding:0 5px;}
div.paging > a > img {vertical-align:middle;}
div.paging span {display:inline-block; padding-right:2px; font-size:13px; height:20px; }
div.paging span a.on {display:inline-block;  line-height:15px; margin-left:4px;  vertical-align:middle; color:#00b0ae; text-decoration:underline; }
div.paging span a {display:inline-block;   line-height:15px;  margin-left:7px;  font-size:14px; vertical-align:middle; text-decoration:none; }
div.paging span a:hover { font-weight:bold; }


div#footer {width:100%; padding-top:20px; }
div.flower_data {overflow:hidden; padding:2% 0; border-top:2px solid #dedede; border-bottom:2px solid #dedede; }
div.flower_data > div {float:left; width:50%; }
div.flower_data > div.flower_data_sub01 {text-align:center; }
div.flower_data > div.flower_data_sub01 > div {border-right:1px solid #ddd; }
div.flower_data > div.flower_data_sub01 div div.flower_data_box {display:inline-block; }
div.flower_data > div.flower_data_sub01 div h2 {padding-bottom:10px; font-size:14px; }
div.flower_data > div.flower_data_sub01 div  p.ft_tel {padding:2px 0; font-size:15px; font-weight:bold; letter-spacing:-1px; color:#00b0ae; }
div.flower_data > div.flower_data_sub01 div  p.ft_tel.a {text-decoration:none; }
div.flower_data > div.flower_data_sub01 dl {padding:2px 0; display:block; overflow:hidden; }
div.flower_data > div.flower_data_sub01 dl dt {float:left; padding-right:5px; color:#767676; }
div.flower_data > div.flower_data_sub01 dl dd {float:left; color:#767676; }
div.flower_data > div.flower_data_sub01 p.p_text {color:#767676; }

div.flower_data > div.flower_data_sub02 {text-align:center;}
div.flower_data > div.flower_data_sub02 h2 {padding-bottom:10px;  font-size:14px;}
div.flower_data > div.flower_data_sub02 div.flower_data_box {display:inline-block; }
div.flower_data > div.flower_data_sub02 dl {padding:3px 0; display:block; overflow:hidden; }
div.flower_data > div.flower_data_sub02 dl dt { padding-right:5px; color:#767676; }
div.flower_data > div.flower_data_sub02 dl dd color:#767676; }
div.flower_data > div.flower_data_sub02 p.p_text {color:#767676; }

div.ft_btn {padding:20px 0; text-align:center; }
div.ft_btn ul {display:inline-block; overflow:hidden; }
div.ft_btn ul li {floaT:left; width:33.33%; }
div.ft_btn ul li a {display:inline-block; text-align:center; width:70%; vertical-align:top; }
div.ft_btn ul li a img {width:100%; }

div.ft_util {padding:0 10px; border-top:2px solid #dedede; border-bottom:1px solid #dedede; background:#f7f7f7; }
div.ft_util ul {overflow:hidden; }
div.ft_util ul li {float:left; text-align:center; width:25%; }
div.ft_util ul li:first-child a {background:none; }
div.ft_util ul li a {display:block; padding:10px 0; font-size:12px; color:#828282; text-decoration:none; background:url(../../images/package_green/main/bg_ft_util.gif) no-repeat 0 12px ;}

div.ft_data {padding:12px 10px; font-size:11px;}
div.ft_data p {padding:3px 0; }
div.ft_data p span {color:#00b0ae;}
div.ft_data p.p_bold {font-weight:bold; }

@media screen and (max-width: 320px) {
div.ft_data p {font-size:11px; }
}














/* 비회원 */
div.txt_nomem {padding:20px 10px 40px; border-top:1px solid #ddd; }
div.txt_nomem p {font-size:13px; line-height:15px; }
div.txt_nomem p.txt_nomem01 {padding:10px 0; }
div.txt_nomem a {display:block; padding:13px 0; text-align:center; font-size:14px; color:#333; border:1px solid #dedfdf; background:#f7f9fa; text-decoration:none; }

/* 상단  */
div.tit_sub {padding-top:2%; text-align:right; padding-right:10px; }
div.tit_sub ul {display:inline-block; overflow:hidden; }
div.tit_sub ul li:first-child {padding-left:0; }
div.tit_sub ul li {float:left; padding-left:5px;}


/* 상품정보 */
div.pro_info {padding-top:2%; text-align:center;}
div.pro_info > div {padding:10px; }
div.pro_info > div img {width:100%; }
div.pro_info div.won_data {padding-bottom:20px; text-align:center; border-bottom:1px solid #ddd;}
div.pro_info div.won_data h3 {font-size:16px; color:#333;}
div.pro_info div.won_data p {padding:10px 0 15px 0; font-size:14px; line-height:20px; color:#8f8b7f; font-weight:bold; }
div.pro_info div.won_data div {padding:2px 0; }
div.pro_info div.won_data dl {display:inline-block; overflow:hidden; }
div.pro_info div.won_data dl dt {float:left; color:#8f8c85; font-size:14px; font-weight:bold; line-height:20px; }
div.pro_info div.won_data dl dd {float:left; padding-left:5px; color:#8f8c85; font-size:14px;font-weight:bold; }
div.pro_info div.won_data dl dd select  {padding:1px 0; margin:0; color:#8f8c85;  border:1px solid #d1d1d1;}

/* 상세보기 버튼 */
div.btn_info { overflow:hidden; padding:3% 0; width:100%; text-align:center; }
div.btn_info a.btn_info01 {display:inline-block;padding:10px 0; width:32%; background:#82c9c0; color:#fff; text-align:center; font-size:15px; text-decoration:none;border:1px solid #82c9c0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
div.btn_info a.btn_info02 {display:inline-block;padding:10px 0;  width:32%; background:#f7f9fa; color:#757575; text-align:center; font-size:15px; text-decoration:none; border:1px solid #dedfdf; }
div.btn_info a.btn_info03 {display:inline-block; padding:10px 0; width:32%; background:#f7f9fa; color:#333333; text-align:center; font-size:15px; text-decoration:none; border:1px solid #dedfdf;}

@media screen and (max-width: 590px) {
div.btn_info a.btn_info01 {width:30%;}
div.btn_info a.btn_info02 {width:30%;}
div.btn_info a.btn_info03 {width:30%;}
}

/* 상품 상세정보 */
div.product_data {padding-bottom:20px; }
div.product_data div {padding:10px;text-align:center; }
div.product_data div p.p_tit {padding-bottom:15px; font-weight:bold; font-size:15px; color:#8f8b7f;}
div.product_data div p.p_data {padding-bottom:10px; font-size:13px; font-weight:bold; line-height:20px; color:#8f8b7f;}
div.product_data div img {width:100%;}



/* 서브검색 */
div.list_type01 {padding:20px 0 10px 10px; text-align:left; border-bottom:1px solid #c3c3c3;}
div.list_type01 ul {display:inline-block; overflow:hidden; }
div.list_type01 ul li:first-child {padding-left:0; background:none;}
div.list_type01 ul li {float:left; padding-left:7px; background:url(../images/sub/bg_list_type01.gif) no-repeat 2px 2px ;}
div.list_type01 ul li a {text-decoration:none; color:#757575; }

/* 더보기 버튼 */
div.btn_deobogi {padding:0 10px 30px 10px; }
div.btn_deobogi a {display:inline-block; padding:10px 0; width:100%; background:#f7f9fa; color:#757575; text-align:center; font-size:15px; text-decoration:none; border:1px solid #dedfdf;}

/* 회원가입 탑 */
div.join_top {position:relative; padding:10px 0 10px 10px; background:#f4f4f4; border-top:1px solid #cdcdcd; border-bottom:2px solid #cdcdcd; }
div.join_top ul {overflow:hidden; }
div.join_top ul li:first-child {padding-left:0; background:none; }
div.join_top ul li {float:left; padding-left:20px; color:#5c5c5c; font-weight:bold; color:#5c5c5c; background:url(../images/sub/bg_join.gif) no-repeat 10px 2px ;}
div.join_top ul li span {display:none;}
div.join_top ul li.on span {display:block; }
div.join_top ul li span.ck_img01 {position:absolute; top:29px; left:25px; }
div.join_top ul li span.ck_img01 img {width:16px; }
div.join_top ul li span.ck_img02 {position:absolute; top:29px; left:97px; }
div.join_top ul li span.ck_img02 img {width:16px; }
div.join_top ul li span.ck_img03 {position:absolute; top:29px; left:169px; }
div.join_top ul li span.ck_img03 img {width:16px; }

/* 회원가입 이용약관 */
div.clause {padding:20px 0 30px 0; border-bottom:1px solid #ddd; }
div.clause h3 {padding:0 0 10px 10px; font-size:14px; font-weight:normal; color:#505050; border-bottom:1px solid #ddd; }
div.clause h3 img {width:17px; padding-right:5px; }
div.clause div {padding:15px 10px; }
div.clause div p {font-size:13px; line-height:20px; }
div.clause div a {display:inline-block; padding:10px 0; margin-top:20px; width:100%; background:#999999; color:#fff; text-align:center; font-size:15px; text-decoration:none; font-weight:bold; border:1px solid #2d2d2d;}

/* 개인정보취급방침 */
div.op_guide {padding:10px 0 0 0;}
div.op_guide h3 {padding:0 0 10px 10px; font-size:14px; font-weight:normal; color:#505050; border-bottom:1px solid #ddd; }
div.op_guide h3 img {width:17px; padding-right:5px; }
div.op_guide div.op_guide_tab {position:relative; margin:20px 10px ; border:1px solid #cacaca; }
div.op_guide div.op_guide_tab > div h4 {position:absolute; top:0; left:0; width:33.33%;}
div.op_guide div.op_guide_tab > div h4 a {display:block;  padding:10px 0;  text-align:center; background:#f4f4f4; text-decoration:none; font-size:11px; }
div.op_guide div.op_guide_tab > div h4.h4_guide01 {left:0; }
div.op_guide div.op_guide_tab > div h4.h4_guide02 {left:33.33%; border-left:1px solid #cacaca;}
div.op_guide div.op_guide_tab > div h4.h4_guide03 {left:66.46%; border-left:1px solid #cacaca; }
div.op_guide div.op_guide_tab > div.on h4 a {background:#fff;}
div.op_guide div.op_guide_tab > div div {display:none; padding:45px 10px 10px 10px; }
div.op_guide div.op_guide_tab > div div p {line-height:20px; }
div.op_guide div.op_guide_tab > div.on div {display:block; }
div.op_guide div.op_guide_btn {padding:0 10px;}
div.op_guide div.op_guide_btn > a {display:inline-block; padding:10px 0; width:100%; background:#999999; color:#fff; text-align:center; font-size:15px; text-decoration:none; font-weight:bold; border:1px solid #2d2d2d;}

/* 이용약관 체크박스 */
div.check_box {padding:10px 10px 10px 10px; border-top:1px solid #ddd;}
div.check_box ul {}
div.check_box ul li:first-child {padding-top:0;}
div.check_box ul li {padding-top:5px; }
div.check_box ul li label {color:#ff0202; }

/* 회원가입 버튼 */
div.btn_join {padding:20px 10px 30px 10px;}
div.btn_join ul {overflow:hidden; }
div.btn_join ul li {float:left; width:49%; margin:0 0.5%; }
div.btn_join a.btn_join_app {display:inline-block; padding:10px 0; width:100%; background:#00b0ae; color:#fff; text-align:center; font-size:15px; text-decoration:none; font-weight:bold;}
div.btn_join a.btn_join_can {display:inline-block; padding:10px 0; width:100%; background:#494949; color:#fff; text-align:center; font-size:15px; text-decoration:none; font-weight:bold; }

/* 회원가입 폼 */
div.join_form { border-bottom:1px solid #ddd; }
div.join_form table {width:100%; }
div.join_form table tbody tr th {text-align:left; background:#f1f1f1; border-top:1px solid #ddd; }
div.join_form table tbody tr th label {display:block;padding-left:5px; color:#505050; width:80px; }
div.join_form table tbody tr td {position:relative; padding:10px 0; border-top:1px solid #ddd;}
div.join_form table tbody tr td div.sub_data {padding:0 10px; }
div.join_form table tbody tr td div.sub_data select,
div.join_form table tbody tr td div.sub_data input[type=password],
div.join_form table tbody tr td div.sub_data input[type=text] { border:1px solid #d1d1d1; }
div.join_form table tbody tr td div.sub_data a.btn_style {position:absolute; top:10px; right:10px; display:inline-block; padding:9px 0; width:70px; background:#00b0ae; color:#fff; text-align:center; font-size:14px; text-decoration:none; font-weight:bold; }
div.join_form table tbody tr td div.email01 {padding-right:80px; }
/* 회원가입 완료 */
div.join_ok {padding:30px 0 10px; }
div.join_ok h3 {font-size:16px; color:#00b0ae; text-align:center; }
div.join_ok p {padding:20px 0; line-height:20px; font-size:13px; font-weight:bold; color:#666; text-align:center;}

/* 약관 */
div.popup_type01 {position:relative; width:100%; border-top:1px solid #aeaeae;}
div.popup_type01 h2 {padding:20px 0 10px 10px;  font-size:14px; border-bottom:1px solid #aeaeae; background:#f1f1f1; }
div.popup_type01 div {padding:0 10px 10px 10px;}
div.popup_type01 a {position:absolute; top:15px; right:10px; } 

/* 우편번호 */
div.post {padding-bottom:40px; background:#fff;}
div.post h2 {padding:10px 0 10px 10px; font-size:14px; color:#fff; background:#7dc1b6;}
div.post h2 img {width:12px; padding-right:5px; vertical-align:middle;}
div.post p.p_post01 {padding:20px 0 10px; line-height:20px; text-align:center; color:#5c5c5c; font-size:13px; }
div.post p.p_post02 {padding:0 0 10px; line-height:20px; text-align:center; color:#929292; font-size:13px; }
div.post form {text-align:center;}
div.post form input[type=text] {padding:12px 5px; border:1px solid #d1d1d1;}
div.post form a {display:inline-block; padding:10px 0; margin-top:10px; width:50px; background:#999999; color:#fff; text-align:center; font-size:15px; text-decoration:none; font-weight:bold; border:1px solid #2d2d2d;}
div.post div.post_list {padding:20px 10px; }
div.post div.post_list table {width:100%; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
div.post div.post_list table thead tr th {padding:10px 0; color:#5c5c5c; }
div.post div.post_list table thead tr th p {width:90px; }
div.post div.post_list table tbody tr td {padding:10px 0; text-align:center;  border-top:1px solid #d1d1d1;}
div.post div.post_list table tbody tr td.subject {text-align:left; }
div.post div.post_list a {display:inline-block; padding:10px 0; margin-top:10px; width:100%; background:#999999; color:#fff; text-align:center; font-size:15px; text-decoration:none; font-weight:bold; border:1px solid #2d2d2d;}


/* 화원소개 */
div.company {padding:20px 0 30px 0; }
div.company img {width:100%;}

/* 상단 네비 */
div.nav_top {padding:0 10px 10px 0; text-align:right; }
div.nav_top ul {display:inline-block; overflow:hidden; }
div.nav_top ul li:first-child {padding-left:0; }
div.nav_top ul li {float:left; padding-left:5px; }

/* 상단 타이틀 */
div.tit_top {overflow:hidden; padding:10px 0 10px 10px; background:#f4f4f4; border-top:1px solid #ddd; border-bottom:2px solid #ddd;}
div.tit_top h2 {float:left;color:#5c5c5c;font-size:14px; line-height:30px; }
div.tit_top h2 img {width:15px; margin:7px 5px 0 0 ; }
div.tit_top a {display:block;float:right; margin-right:10px; padding:5px 10px; color:#fff; text-decoration:none; border:1px solid #2d2d2d;  background:#999;}

/* 쇼핑몰 이용안내 */
div.shopping {padding-top:10px; }
div.shopping h4 {padding:10px 0 10px 25px; font-size:13px; color:#010101; background:url(../../images/sub/icon_title.gif) no-repeat 10px 11px /12px; }
div.shopping div {padding:20px 10px 10px 10px; background:#f3f3f3; }
div.shopping div ol {}
div.shopping div ol li:first-child {padding-top:0;}
div.shopping div ol li {padding-top:5px; line-height:20px; }
div.shopping div ol li > span {padding-left:13px; }
div.shopping div ol li p {padding-left:14px;}
div.shopping div ol li dl {overflow:hidden; padding-left:14px; }
div.shopping div ol li dl dt {float:left; color:#010101; }
div.shopping div ol li dl dt span {padding-left:24px;}
div.shopping div ol li dl dd {float:left; padding:0 5px; color:#010101; }
div.shopping div ul {}
div.shopping div ul li:first-child {padding-top:0;}
div.shopping div ul li {padding-top:5px; line-height:20px; }
div.shopping div ul li > span {padding-left:13px; }
div.shopping div ul li p {}


/* 메세지 */
div.message {padding:15px 0;  background:#00b0ae; min-width:320px; }
div.message h2{padding-left:33px; font-size:18px; color:#fff; background:url(../../images/sub/icon_title_w.png) no-repeat 10px 2px / 16px; }
div.message h2 span {padding-left:10px; color:#f2c3c8; font-size:14px; }
/* div.m_top {overflow:hidden; padding:20px 0;}
div.m_top ul {overflow:hidden;padding:0 10px; }
div.m_top ul li {float:left; width:32%; margin:0.5%;  }
div.m_top ul li a {display:block; line-height:30px; color:#666; text-decoration:none;font-weight:bold; text-align:center; background:#e8eef4; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.massage_data {width:100%; margin: 0 auto;}
div.massage_data div.ms {position:relative; }
div.massage_data div.ms h3 {height:15px; padding:15px 0 15px 10px ; font-size:14px; background:#dce1e6; color:#353535;}
div.massage_data div.ms a.top02 {position:absolute; top:10px; right:3px; width:80px; font-size:14px; text-align:center; line-height:24px; font-weight:bold; color:#fff; background:#848b92; border-radius:20px; text-decoration:none; }
div.massage_data div.ms p {padding:10px 10px 20px 10px;background:#fff;}
div.massage_data div.ms2 {position:relative; }
div.massage_data div.ms2 h3 {height:15px; padding:15px 0 15px 10px ; font-size:14px; background:#dce1e6; color:#353535; }
div.massage_data div.ms2 a.top02 {position:absolute; top:10px; right:3px; width:80px; font-size:14px; text-align:center; line-height:24px; font-weight:bold; color:#fff; background:#848b92; border-radius:20px; text-decoration:none; }
div.massage_data div.ms2 ul {padding:10px 10px 20px 10px;background:#fff;}
div.massage_data div.ms2 ul li {padding:2px 0;} */
div.close {text-align:center; padding-bottom:15px; }
div.close  a {display:inline-block; padding:8px 0; width:70px; background:#00b0ae; color:#fff; text-align:center; font-size:14px; text-decoration:none; font-weight:bold; }

div.massage_box {}
div.massage_box a {position:absolute; top:14px; right:10px; display:inline-block; padding:8px 0; width:70px; background:#00b0ae; color:#fff; text-align:center; font-size:14px; text-decoration:none; font-weight:bold; }



/* 로그인 */
div.login {overflow:hidden; padding-top:20px; margin:0 10px; }
div.login_top {text-align:center; padding-bottom:40px; }
div.login_top h2 {display:inline-block; margin:0 auto; padding-top:70px; font-size:18px; background:url(../../images/sub/icon_login.gif) no-repeat 60px 30px /25px; }
div.login_top p {padding-top:5px; }



/* 로그인 */
#container div.login01 {overflow:hidden; margin:0 auto; margin:0 10px; padding-top:20px; border:1px solid #cdcdcd;background:url('../images/contents/bg_unlock.gif') no-repeat 25px 18px #fff;}
#container div.login01 h3 {padding:20px 0 0 80px; font-size:14px; color:#666;}
#container div.login01 div.g1 {padding:0; margin-bottom:10px; }
#container div.login01 div.g1 img {width:100%}
#container div.login01 > p {padding:8px 0 0 90px;}
#container div.login01 > ul { position:relative; height:120px; overflow:hidden; margin:0 15px 0 15px; padding-top:40px; }
#container div.login01 > ul > li {}
#container div.login01 > ul > li h4 {border-bottom: 2px solid #00b0ae; font-size: 12px; font-weight: bold; text-align: center; }
#container div.login01 > ul > li h4 a {padding: 12px 0 10px; color: #393939; border-left:1px solid #BEBEBE; border-top:1px solid #BEBEBE; border-right:1px solid #BEBEBE; text-decoration:none; background:#e7e4e4;}
#container div.login01 > ul > li.member h4 {position: absolute; top: 0; width: 50%;}
#container div.login01 > ul > li.member h4 a {display: block;}
#container div.login01 > ul > li.nomember h4 {position: absolute; top: 0; width: 50%; margin-left: 50%;}
#container div.login01 > ul > li.nomember h4 a {display: block;}

/* 로그인 선택시 처리 */
#container div.login01 > ul > li.on {display: block !important;}
#container div.login01 > ul > li.on h4 {border-bottom:none !important; }
#container div.login01 > ul > li.on h4 a {background:#FFF; border-top:2px solid #00b0ae; border-left:2px solid #00b0ae; border-right:2px solid #00b0ae; padding: 12px 0 11px; color:#00b0ae;}
#container div.login01 > ul > li.on div.toggle {display:inline-block !important; }	

/* 회원로그인 부분 */
#container div.login01 ul li div.toggle {position:absolute; top:40px; left:0; width:100%;}
#container div.login01 ul li div.toggle fieldset {overflow:hidden; margin:15px 0 0 0; display:inline-block; width:100%; }
#container div.login01 ul li div.toggle fieldset > div {overflow:hidden; position:relative; padding-right:100px;margin-bottom:15px; }
#container div.login01 ul li div.toggle fieldset > div ul {float:left; width:100%;}
#container div.login01 ul li div.toggle fieldset > div ul li:first-child {padding-top:0;}
#container div.login01 ul li div.toggle fieldset > div ul li {padding-top:5px;} 
#container div.login01 ul li div.toggle fieldset > div ul li input[type="password"],
#container div.login01 ul li div.toggle fieldset > div ul li input[type="text"] {padding:6px 5px; border:1px solid #ddd; }
#container div.login01 ul li div.toggle fieldset > div > div{position:absolute; top:0; right:1px;}
#container div.login01 ul li div.toggle fieldset > div > div > a {display:inline-block; width:80px; line-height:60px; text-align:center; color:#fff; background:#00b0ae; text-decoration:none; font-size:15px; font-weight:bold; }
#container div.login01 ul li div.toggle fieldset > p {line-height:13px; padding-bottom:15px;}
#container div.login01 ul li div.toggle fieldset > p label {padding-left:5px;}

/* 로그인 하단부분 버튼 처리 */
#container div.login02 {min-width:300px; margin:0 10px;  border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd; background:#fff;}
#container div.login02 ul li:first-child {border-top:0;}
#container div.login02 ul li {overflow:hidden; position:relative; padding:0px 15px; height:80px; border-top:1px solid #ebebeb;}
#container div.login02 ul li > div {float:left; min-width:140px; margin-right:94px;}
#container div.login02 ul li h4 { padding-top:15px; color:#666; }
#container div.login02 ul li p { padding-top:5px;}
#container div.login02 ul li p span {color:#ff1345;}
#container div.login02 ul li a {position:absolute; top:20px; right:15px; width:90px; line-height:40px; text-align:center; color:#666; text-decoration:none; font-size:13px; font-weight:bold; border:1px solid #bfbfbf; }
div.contents > p {padding-bottom:30px; text-align:center;}



.mgt20 {margin-top:20px !important; }
/* 식물관리정보 */
div.plant {position:relative; padding-top:70px; margin-top:10px; }
div.plant div.plant_box {}
div.plant div.plant_box h4 {position:absolute; top:0; left:0; width:50%; }
div.plant div.plant_box h4 a {display:block; padding:13px 0; line-height:13px; font-size:13px; text-align:center; color:#696969; border:1px solid #e1e1e1; background:#f3f3f3; text-decoration:none; }
div.plant div.plant_box h4.h4_type01 {top:0; left:0;}
div.plant div.plant_box h4.h4_type01 a {margin-left:10px; }
div.plant div.plant_box h4.h4_type02 {top:0; left:50%;}
div.plant div.plant_box h4.h4_type02 a {margin-right:10px; }
div.plant div.plant_box h4.h4_type03 {top:40px; left:0;}
div.plant div.plant_box h4.h4_type03 a {margin-left:10px; }
div.plant div.plant_box h4.h4_type04 {top:40px; left:50%;}
div.plant div.plant_box h4.h4_type04 a {margin-right:10px; }
div.plant div.plant_box div.plant_sub {display:none;  padding-top:40px; }
div.plant div.plant_box div.plant_sub h5 {padding:10px 0 10px 25px; font-size:13px; color:#010101; background:url(../../images/sub/icon_title.gif) no-repeat 10px 11px /12px; }
div.plant div.plant_box div.plant_sub h5 span {color:#aaa; }
div.plant div.plant_box div.plant_sub div.plant_data {padding:12px 10px; background:#f3f3f3;}
div.plant div.plant_box div.plant_sub div.plant_data h6 {margin:0; padding-bottom:15px; font-size:13px; }
div.plant div.plant_box div.plant_sub div.plant_data p {line-height:150%; font-size:12px; color:#666; }
div.plant div.plant_box div.plant_sub div.plant_data p .font_c01 {color:#000; }
div.plant div.plant_box div.plant_sub div.plant_data ul li:first-child {margin-top:0;}
div.plant div.plant_box div.plant_sub div.plant_data ul li {margin-top:15px; font-size:12px; color:#666; line-height:150%; }
div.plant div.plant_box div.plant_sub div.plant_data ul li span {color:#000;}
div.plant div.on h4 a {background:#00b0ae; color:#fff; }
div.plant div.on div.plant_sub {display:block; }

/* 회원가입 약관동의 */
div.join_police {padding:0 10px; margin-top:15px;  }
div.join_police h4 {padding-bottom:10px; font-size:14px; }
div.join_police h4 span {color:#00b0ae; }
div.join_police div.join_ck {padding-top:10px; text-align:right; }














#right_body {width:100%;left:0px;position:absolute; overflow:hidden;}
/* navi 부분 */
.navi { position: absolute; background: #404040; width: 256px; z-index: 50;display:none; border-right:1px solid #d1d1d3; }
.navi h2 {width:238px; height:20px; padding:10px 0 10px 18px; background:#e7ebf0; color:#666;font-size:17px; border-bottom:1px solid #d1d1d3;}
.navi > ul > li.gnb01 {background:url(../images/main/bg_arrow02.gif) no-repeat 90% 19px;}
.navi > ul > li h3 > a {display: block; padding: 10px 0; border-bottom: 1px solid #d1d1d3; border-top: 1px solid #fff;color: #FFFFFF; font-size: 17px; font-weight: bold; line-height: 21px; text-indent: 17px; text-decoration: none; color:#423354; background:#f1f1f1; }
.navi > ul > li h3 span {color: #999; font-size: 11px; margin-left: 5px;}	
.navi > ul > li > ul li { background:#4B4B4B; background-image: none; border-bottom: 1px solid #fff; border-top: 1px solid #575757;}
.navi > ul > li > ul > li > a{display: block; border-bottom: 1px solid #d1d1d3; border-top: 1px solid #434343; font-weight: bold; line-height: 21px; padding: 10px 0;text-indent: 17px; text-decoration: none; border: 0 none; color: #CCCCCC; font-size: 17px;}
.navi > ul > li >ul >li span { color: #999; font-size: 11px; margin-left: 5px;}	



div#gnb ul li a{text-decoration:none; text-align:center; }
div#gnb ul li a.text_col{color:#4bcac0;}
/* 상품리스트 폰트 */
@media (min-width:400px) and (max-width:439px){
div#gnb ul li a {font-size:14px;}
}

@media (min-width:440px) and (max-width:479px){
div#gnb ul li a{font-size:16px;}
}


@media (min-width:480px) and (max-width:519px){
div#gnb ul li a{font-size:18px;}
}


@media (min-width:520px) and (max-width:559px){
div#gnb ul li a{font-size:20px;}
}


@media (min-width:560px) and (max-width:599px){
div#gnb ul li a{font-size:22px;}
}


@media (min-width:600px) and (max-width:639px){
div#gnb ul li a{font-size:24px;}
}


@media (min-width:640px) and (max-width:879px){
div#gnb ul li a{font-size:26px;}
}


@media (min-width:880px){
div#gnb ul li a{font-size:28px;}
}