@font-face {
 font-family: 'Nanum Barun Gothic';
 font-style: normal;
 font-weight: 400;
 src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
 src: url(../../font/NanumBarunGothic.eot);
 src: url(../../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
 url(../../font/NanumBarunGothic.woff) format('woff'),
 url(../../font/NanumBarunGothic.ttf) format('truetype');
 }
 @font-face {
 font-family: 'Nanum Barun Gothic';
 font-style: normal;
 font-weight: 700;
 src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
 src: url(../../font/NanumBarunGothicBold.eot);
 src: url(../../font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
 url(../../font/NanumBarunGothicBold.woff) format('woff'),
 url(../../font/NanumBarunGothicBold.ttf) format('truetype');
 }

@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
/* 나눔바른고딕 */
@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 Barun Gothic', '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 Barun Gothic', '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 {position:relative; min-width:320px; }
div#header {position:relative; min-width:320px; }
div.top_member {width:100%; }
div.top_member img {width:100%; }

div.header_main {overflow:hidden; padding:15px 10px 15px 10px ; }
div.header_main h1 {float:left; margin-top:5px; width:172px; }
div.header_main h1 img {width:100%; }
div.header_main > a {display:inline-block; float:right; margin-top:15px; text-decoration:none; background:url(../../images/package_red/icon/icon_time.png) no-repeat 110px 0px /15px;}
div.header_main > a span.top_tel_text {display:block; font-size:12px;color:#000;  }
div.header_main > a span.top_tel_text span {color:#ff3c00; }
div.header_main > a span.top_tel_tel {display:block; padding-top:5px; font-size:24px; font-weight:bold; color:#000; letter-spacing:-1px; }
div.header_main > a > img {width:180px; }

@media screen and (max-width: 355px) {
div.header_main > a  {padding-top:11px; }
div.header_main h1 {margin-top:5px; width:140px; }
	div.header_main h1 img {width:100%;}
	div.header_main > a {margin-top:0;}
}


@media screen and (min-width: 356px) and (max-width: 720px) {
div.header_main h1 {width:160px;}
	div.header_main h1 img {width:95%;}
	
}





div.header_search {position:relative; overflow:hidden; height:35px;  padding:12px 10px; background:#ff3c00; border-bottom:1px solid #e03501;}
div.header_search a.btn_menu {position:absolute; top:13px; left:10px;  z-index:9999;}
div.header_search a.btn_menu > img {width:35px; }
div.header_search div.btn_top_right { position:absolute; top:11px; right:10px;  z-index:9999;}
div.header_search div.btn_top_right a.btn_login {float:left; padding-right:5px; }
div.header_search div.btn_top_right a img {width:37px; }
div.header_search form {position:absolute; top:11px; left:0; width:100%; z-index:999;}
div.header_search form div.search {position:relative; overflow:hidden;  margin:0 100px 0 60px; padding:0 45px 0 10px;  height:38px; background:#fff;}
div.header_search form div.search div.inp {width:100%; padding-top:2px; }
div.header_search form div.search div.inp input[type=text] {width:80%; padding:10px 0; font-size:14px; border:0px; }
div.header_search form div.search div.searchbt {position:absolute; top:5px; right:5px; }
div.header_search form div.search div.searchbt img {width:30px; }

#header div.gnb {overflow:hidden; width:100%; background:#eef1f6; border-top:1px solid #e1e1e1;}
#header div.gnb  ul {overflow:hidden;}
#header div.gnb  ul li:first-child {background:none;}
#header div.gnb  ul li {float:left; width:24%; text-align:center; font-size:13px; font-weight:bold; background:url('../../images/package_red/main/bg_gnb_line.gif') no-repeat 0px 13px;}
#header div.gnb  ul li.gnb01 {width:22%;}
#header div.gnb  ul li.gnb03 {width:30%;}
#header div.gnb  ul li a {display:inline-block; padding:13px 0 13px 0; text-decoration:none; }

/* 메인롤링 */
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 {padding:14px 0; 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_red/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_red/main/main_roll_on.png);
}

/* 메인 기획전이벤트 */
div.main_ct_event {}
div.main_ct_event a img {width:100%; }

/* todays best */
div.todays_best {}
div.todays_best h2 {padding:20px 0; text-align:center; }
div.todays_best h2 img {width:140px; }
div.todays_best h2 span {display:block; padding-top:5px; font-size:15px; color:#777; }
div.todays_best div.goods_deobogi {text-align:center; margin-top:15px; }
div.todays_best div.goods_deobogi a {display:inline-block; width:300px; margin:0 auto; padding:10px 0; text-decoration:none; text-align:center; border:2px solid #a5a5a5; }
div.todays_best div.goods_deobogi a img {width:100px; }


/* 메인 베스트 상품 리스트 */
div.goods_list_box {border-top:1px solid #d5d5d5; }
ul.goods_list {overflow:hidden; border-bottom:1px solid #d5d5d5; }
ul.goods_list li {float:left; width:50%; }
ul.goods_list li a {display:block; position:relative;  text-decoration:none; border-right:1px solid #d5d5d5;}
/*ul.goods_list li a span.goods_img img {width:100%; }*/
ul.goods_list li a span.goods_img img {width:100%;height:100% }
ul.goods_list li a span.goods_data {display:block; padding-top:10px; background:#eef1f6; }
ul.goods_list li a span.goods_data span.goods_tit {display:block; padding:0 10px; width:90%; padding-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#000; }
ul.goods_list li a span.goods_data span.goods_sale {position:absolute; bottom:55px; left:7%;  z-index:999; }
ul.goods_list li a span.goods_data span.goods_sale span.goods_sale_tit {font-weight:bold; font-size:35px; color:#ff3c00;}
ul.goods_list li a span.goods_data span.goods_sale  span.goods_sale_per {font-size:11px; color:#ff3c00;}
ul.goods_list li a span.goods_data span.goods_won {display:inline-block; text-align:right; width:100%; padding-bottom:10px; }
ul.goods_list li a span.goods_data span.goods_won span.goods_won_sub {display:inline-block; padding-right:10px; }
ul.goods_list li a span.goods_data span.goods_won span.goods_won_sub span.goods_won_principal {display:block; color:#afafaf; text-decoration:line-through; text-align:left; }
ul.goods_list li a span.goods_data span.goods_won span.goods_won_sub span.goods_won_sale {display:block; color:#161616; font-weight:bold; font-size:15px; }
ul.goods_list li a span.goods_data span.good_sub {display:block; overflow:hidden; width:100%; padding:10px 0; text-align:center; border-top:1px solid #d5d5d5;}
ul.goods_list li a span.goods_data span.good_sub span.good_sub_save {display:inline-block; }
ul.goods_list li a span.goods_data span.good_sub span.good_sub_save span.good_sub_save_data {display:inline-block; color:#fff; background:#2cbfb5; }
ul.goods_list li a span.goods_data span.good_sub span.good_sub_save span.good_sub_save_won {display:inline-block; color:#2cbfb5; }
ul.goods_list li a span.goods_data span.good_sub span.good_sub_free { display:inline-block; color:#fff; background:#ff3c00; }
ul.goods_list li a span.goods_data span.good_sub span.good_sub_save_dis {display:inline-block; color:#ff3c00; background:#fff; border:1px solid #ff3c00; }
ul.goods_list li a span.goods_data span.goods_best {position:absolute; top:0; left:0; width:40px; height:60px; background:url(../../images/package_red/main/bg_best.png) no-repeat 0 0 /contain; }
ul.goods_list li a span.goods_data span.goods_best span.goods_best_tit {display:block; padding-top:10px; text-align:center; color:#f2f39d; font-size:11px; }
ul.goods_list li a span.goods_data span.goods_best span.goods_best_number {display:block; padding-top:2px; text-align:center; color:#fff; font-weight:bold; font-size:13px; font-family:'Nanum Barun Gothic'; } 


/* 배송사진 서비스 */
div.photo_sevice {padding-top:30px; }
div.photo_sevice h2 {color:#ff0000; font-size:18px; text-align:center; }
div.photo_sevice h2 span {color:#000; }
div.photo_sevice p {padding-bottom:20px; font-size:15px; text-align:center; }
div.photo_sevice ul {overflow:hidden; padding:15px 5%; background:#eef1f6; }
div.photo_sevice ul li:first-child {padding-left:0; }
div.photo_sevice ul li {float:left; width:30%; padding-left:5%; }
div.photo_sevice ul li img {width:100%; }


/* 메인 상품후기 */
div.main_reple {padding-top:30px;}
div.main_reple h2 {color:#000; font-size:18px; text-align:center; }
div.main_reple h2 span {color:#ff0000; }
div.main_reple p {padding-bottom:20px; font-size:15px; text-align:center; }
div.main_reple div.main_reple_list {}
div.main_reple div.main_reple_list table {width:100%; border-bottom:1px solid #d5d5d5;}
div.main_reple div.main_reple_list table thead tr th:first-child {border-right:1px solid #4a4c58;}
div.main_reple div.main_reple_list table thead tr th {padding:12px 0; font-size:14px; color:#fff; background:#747685; }
div.main_reple div.main_reple_list table tbody tr:first-child td {border-top:0; }
div.main_reple div.main_reple_list table tbody tr td:first-child {border-right:1px solid #d5d5d5; }
div.main_reple div.main_reple_list table tbody tr td {padding:12px 0; text-align:center; font-size:12px; border-top:1px solid #d5d5d5; }
div.main_reple div.main_reple_list table tbody tr td p {padding:0 10px; text-align:left; line-height:140%; color:#747685; }
div.main_reple div.main_reple_list table tbody tr td p span {font-weight:bold; color:#3f3f3f; }


/* paging */
div.paging {text-align:center; padding:10px 0 10px 0;}
div.paging > a {display:inline-block; width:30px; vertical-align:top; }
div.paging > a  img {width:100%; }
div.paging span {overflow:hidden; display:inline-block;font-size:13px; padding:0 4px;}
div.paging span a:first-child {margin-left:0;}
div.paging span a.on {display:inline-block;  line-height:15px;   vertical-align:middle; color:#e21b11; border:1px solid #e21b11; }
div.paging span a {display:inline-block; float:left; width:30px; height:22px; padding-top:6px; margin-left:3px;  line-height:14px;  font-size:14px; text-decoration:none; font-weight:bold; border:1px solid #c7c7c7; }
div.paging span a:hover { font-weight:bold; }


div#footer {width:100%; padding-top:20px; }
div.flower_data {overflow:hidden; border-top:2px solid #2b3132; background:#eef2f5;}
div.flower_data > div {float:left; width:50%; }
div.flower_data > div.flower_data_sub01 {text-align:left;  }
div.flower_data > div.flower_data_sub01 > div {padding:10px 0 10px 0; border-right:1px solid #c1c4c6; }
div.flower_data > div.flower_data_sub01 div h2 {padding-bottom:10px; font-size:17px; color:#2b3132; text-align:center; border-bottom:1px solid #c1c4c6; }
div.flower_data > div.flower_data_sub01 div  p.ft_tel_top {padding-top:10px; text-align:center; color:#2b3132; font-size:12px; }
div.flower_data > div.flower_data_sub01 div  p.ft_tel_top span {color:#f33e1a; }
div.flower_data > div.flower_data_sub01 div  p.ft_tel {padding:2px 0 0; font-size:25px; line-height:32px; font-weight:bold; letter-spacing:-2px; color:#ff0000; text-align:center; }
div.flower_data > div.flower_data_sub01 div  p.ft_tel.a {text-decoration:none; }
div.flower_data > div.flower_data_sub01 div div.flower_data_box {display:inline-block; padding-left:10px;  }
div.flower_data > div.flower_data_sub01 div div.flower_data_box dl:first-child {padding-top:0; }
div.flower_data > div.flower_data_sub01 div div.flower_data_box dl {padding:2px 0; display:block; overflow:hidden; }
div.flower_data > div.flower_data_sub01 div div.flower_data_box dl dt {float:left; padding-right:5px; color:#4e4e4e; font-weight:bold; color:#888; }
div.flower_data > div.flower_data_sub01 div div.flower_data_box dl dd {float:left; color:#4e4e4e; font-weight:bold; color:#888; }

div.flower_data > div.flower_data_sub02 {text-align:left; }
div.flower_data > div.flower_data_sub02 > div {padding:10px 0 10px 0;}
div.flower_data > div.flower_data_sub02 h2 {padding-bottom:10px; font-size:17px; color:#2b3132; text-align:center; border-bottom:1px solid #c1c4c6; }
div.flower_data > div.flower_data_sub02 p.p_text {text-align:center; padding:10px 0; font-size:15px; color:#4e4e4e;}
div.flower_data > div.flower_data_sub02 div.flower_data_box {display:inline-block; }
div.flower_data > div.flower_data_sub02 div.flower_data_box dl:first-child {padding-top:0; }
div.flower_data > div.flower_data_sub02 div.flower_data_box dl {padding:3px 0 2px 10px; display:block; overflow:hidden; }
div.flower_data > div.flower_data_sub02 div.flower_data_box dl dt {float:left; padding-right:5px; color:#4e4e4e; font-weight:bold;}
div.flower_data > div.flower_data_sub02 div.flower_data_box dl dt.bank_01 {color:#109136; }
div.flower_data > div.flower_data_sub02 div.flower_data_box dl dt.bank_02 {color:#00196a; }
div.flower_data > div.flower_data_sub02 div.flower_data_box dl dt.bank_03 {color:#355cdc; }
div.flower_data > div.flower_data_sub02 div.flower_data_box dl dd {float:left; color:#4e4e4e; font-weight:bold;}


div.ft_util {background:#2b3132;}
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:#fff; font-weight:bold; text-decoration:none; background:url(../../images/package_red/main/bg_ft_util.gif) no-repeat 0 12px ;}

div.ft_data {padding:12px 10px; text-align:center; }
div.ft_data p {padding:1px 0; }
div.ft_data p span {color:#f15220;}
div.ft_data p.ft_color {color:#e21b11;}

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





/* 회원가입 탑 */
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:#ff3c00; 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:#ff3c00; 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:#ea1c22; 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:#ea1c22; 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:#ff3c00; 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:#ff3c00; 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; min-width:300px; 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 #ff3c00; 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 #ff3c00; border-left:2px solid #ff3c00; border-right:2px solid #ff3c00; padding: 12px 0 11px; color:#ff3c00;}
#container div.login01 > ul > li.on div.toggle {display: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;}
#container div.login01 ul li div.toggle fieldset > div {overflow:hidden; position:relative; padding-right:105px;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:#ff3c00; 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:#ff3c00; color:#fff; }
div.plant div.on div.plant_sub {display:block; }

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





/* 상품리스트 반응형*/
@media screen and (min-width: 310px){
span.goods_data span.goods_tit{font-size:13px !important; height:30px; }
span.goods_sale > span.goods_sale_tit{font-size:30px !important;}
span.goods_sale > span.goods_sale_per{font-size:10px !important;}
span.goods_won_sub > span.goods_won_principal{font-size:11px !important;}
span.goods_won_sub > span.goods_won_sale{font-size:17px !important;}

span.good_sub_save_data{padding:3px;  font-size:9px;}
span.good_sub_save_won{font-size:9px;}
span.good_sub_free{padding: 4px 2px;  font-size:9px;}
span.good_sub_save_dis{font-size:10px; padding:3px 1px;}
span.goods_best_tit{font-size: 10px; padding-top: 9px; }
span.goods_best_number{font-size: 12px; padding-top:2px; }
}
@media screen and (min-width: 450px){
span.goods_data span.goods_tit{font-size:20px !important;margin-top:10px; height:40px;}
span.goods_sale > span.goods_sale_tit{font-size:45px !important;}
span.goods_sale > span.goods_sale_per{font-size:20px !important;}
span.goods_won_sub > span.goods_won_principal{font-size:18px !important;}
span.goods_won_sub > span.goods_won_sale{font-size:24px !important;}

span.good_sub_save_data{padding:5px;  font-size:14px;}
span.good_sub_save_won{font-size:15px;}
span.good_sub_free{padding:5px 3px;  font-size:14px;}
span.good_sub_save_dis{font-size:14px; padding:4px 2px;}
span.goods_best_tit{font-size: 14px; padding-top: 15px; }
span.goods_best_number{font-size: 16px; padding-top:4px; }
}

@media screen and (min-width:641px){
span.goods_data span.goods_tit{font-size:28px !important; margin-top:15px; height:50px;}
span.goods_sale > span.goods_sale_tit{font-size:70px !important;}
span.goods_sale > span.goods_sale_per{font-size:25px !important;}
span.goods_won_sub > span.goods_won_principal{font-size:24px !important;}
span.goods_won_sub > span.goods_won_sale{font-size:30px !important;}
span.good_sub_save_data{padding:9px; font-size:17px;}
span.good_sub_save_won{font-size:18px;}
span.good_sub_free{padding:10px 8px;  font-size:17px;}
span.good_sub_save_dis{font-size:17px; padding:9px 7px;}
span.goods_best_tit{font-size: 20px; padding-top: 20px; }
span.goods_best_number{font-size: 25px; padding-top:8px; }
}







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


/* navi 부분 */
/*
.navi { position: absolute; background: #404040; width: 256px; z-index: 50;display:none;}
.navi h2 {width:238px; height:20px; padding:10px 0 10px 18px; background:url('../images/main/bg_navi01_1.gif') no-repeat 0 0; color:#aaa;font-size:17px; border-bottom:1px solid #131313; }
.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 #131313; border-top: 1px solid #434343;color: #FFFFFF; font-size: 17px; font-weight: bold; line-height: 21px; text-indent: 17px; text-decoration: none;}
.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 #393939; border-top: 1px solid #575757;}
.navi > ul > li > ul > li > a{display: block; border-bottom: 1px solid #131313; 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;}	
*/