@charset "utf-8";

/* 사이트에 대한 부분 코딩 */

/* 전체 */
#wrapper {
	width:1140px; 	
	margin: 0 auto;
	min-height:100%; 
	height:auto !important; 
	letter-spacing:-0.5px; 
  z-index:8000;
}

table td,
table th{vertical-align:middle;text-align:center}
/* 헤더 상단바*/
#header{width:100%;}
#header .top_banner{background:#f6da1e;height:50px;}
#topbar_bg{width:100%;background:#eee;border-bottom:1px solid #cecece}
#header_topbar{margin:0 auto;background:#eee;height:30px;position:relative}
#header_topbar .zone{width:1140px;margin:0 auto;}
#header_topbar ul{height:30px;position:relative;}
#header_topbar ul li{float:left;vertical-align:middle;color:#9c9c9c;text-align:center;line-height:30px;margin:0 2px}
#header_topbar ul li span.breakline{display:inline-block;*display:inline;zoom:1;padding: 0 2px;}
#header_topbar ul li.first{border:none}
#header_topbar .favorite{width:60px;height:14px;margin-top:8px;background:url('../images/common/favorite.jpg') no-repeat}
#header_main{width:1140px;margin:0 auto;margin-top:40px;position:relative}
#header_main #logo{width:240px;text-align:left}
#header_main .search{text-align:left;position:relative;width:625px;*width:590px;}
#header_main .search .bg_img{width:367px;height:45px;background:url('../images/common/searchback2.jpg') no-repeat;float:left}
#header_main .search input{width:335px;height:30px;border:none;margin:6px 0 0 5px;padding:0 10px;}
#header_main .search .schbtn{width:50px;height:43px;float:left}
#header_main .search .schbtn a{width:45px;height:42px;display:inline-block;*display:inline;zoom:1;background:url('../images/common/searchback2.jpg') -365px 0 no-repeat}
#header_main .search .sch_link{width:200px;*width:160px;height:45px;line-height:45px;float:left}
#header_main .search .sch_link ul li{float:left;margin:0 5px;color:#333}
#header_main .search .sch_link .breakline{color:#d6d6d6}
#header_main .top_ban{position:relative;width:200px;*width:240px;height:50px;margin-left:0px;*padding-top:13px}
#header_main .top_ban span a{font-size:0;padding:0px;display:inline-block;*dislay:inline;zoom:1;top:30px;}
#header_main .top_ban .bx-wrapper{width:250px;}
#header_main .top_ban .slider_prev a{cursor:pointer;position:absolute;width:15px;height:14px;right:14px;background:url('../images/common/top_bancontrol.png') no-repeat}
#header_main .top_ban .slider_next a{position:absolute;width:15px;height:14px;right:0;background:url('../images/common/top_bancontrol.png') -14px 0 no-repeat}
#header_menu{width:100%;height:55px;vertical-align:top;background:url('../images/common/navback.png');}
#gnbArea {width:1140px;height:57px;margin:0 auto;}
#gnbArea td{position:relative;}
#gnbArea td a{float:left;color:#fff;font-weight:bold;padding:20px 13px;}
#gnbArea td .breakline{padding:0;float:left;width:3px;margin:20px 1px;background:url('../images/common/gnb_breakline.jpg') no-repeat}
#gnbArea td .all{background:url('../images/common/allview_bg.jpg') no-repeat;width:128px;padding:20px 0;float:right}
#gnbArea td a:hover{background:#fff;color:#f14f53}
#gnbArea td .all:hover{background:url('../images/common/allview_bg.jpg') no-repeat;color:#000}
#gnbArea td a.active{background:#fff;color:#f14f53;}
#gnb_all{position:absolute;width:1140px;left:50%;margin-left:-570px;margin-top:-1px;border:2px solid #da161b;z-index:9000;background:#fff;display:none;}
#gnb_all.on{display:table;*display:block;}
#gnb_all{background:url('../images/common/gnball_bg.jpg') no-repeat;background-color:#fff;z-index:11000}
#gnb_all table{z-index:11000;margin-top:15px;margin-bottom:30px}
#gnb_all td{text-align:left;z-index:11000}
#gnb_all table td{text-align:left;height:30px;padding:0;padding-top:15px;font-size:13px;}
#gnb_all table td a{}
#gnb_all table td a.active{text-decoration:underline}
#gnb_all table td a:hover{text-decoration:underline}
#gnb_all .title{color:#ec2b2f;height:30px;text-align:center;width:80px;font-size:16px;padding-left:10px;}
#gnb_all .breakline{margin:0 5px;vertical-align:middle;color:#dcdcdc}

/* 퀵메뉴 */
#quickmenu{position:absolute;left:50%;width:0px;height:568px;display:table;margin-top:14px;text-align:right;}
#quickmenu td{text-align:right;position:relative;vertical-align:top;}
#quickmenu td table{position:fixed;margin-left:600px;*margin-left:620px;width:85px;overflow:hidden}
#quickmenu .menu_link .title a{display:inline-block;*display:inline;zoom:1;width:85px;height:35px;background:url('../images/common/quickmenu.png') no-repeat}
#quickmenu .menu_link .card_pay a{display:inline-block;*display:inline;zoom:1;width:85px;height:60px;background:url('../images/common/quickmenu.png') 0 -35px no-repeat}
#quickmenu .menu_link .card_receipt a{display:inline-block;*display:inline;zoom:1;width:85px;height:62px;background:url('../images/common/quickmenu.png') 0 -94px no-repeat}
#quickmenu .menu_link .bill a{display:inline-block;*display:inline;zoom:1;width:85px;height:62px;background:url('../images/common/quickmenu.png') 0 -155px no-repeat}

#quickmenu .recent_item{margin-top:-65px}
#quickmenu .recent_item .title a{display:inline-block;*display:inline;zoom:1;color:#fff;text-align:center;width:85px;height:35px;line-height:35px;background:url('../images/common/quickmenu.png') 0 -215px no-repeat;}
#quickmenu .recent_item .item.i1 a{display:inline-block;*display:inline;zoom:1;color:#fff;text-align:center;width:85px;height:65px;line-height:65px;background:url('../images/common/quickmenu.png') 0 -244px no-repeat;}
#quickmenu .recent_item .item.i2 a{display:inline-block;*display:inline;zoom:1;color:#fff;text-align:center;width:85px;height:73px;line-height:73px;background:url('../images/common/quickmenu.png') 0 -314px no-repeat;}
#quickmenu .recent_item .pager{border:none;width:85px;height:30px;text-align:center;background:url('../images/common/quickmenu.png') 0 -385px no-repeat}
#quickmenu .recent_item .pager a{display:inline-block;*display:inline;zoom:1;color:#fff;text-align:center;width:10px;height:11px;line-height:11px;color:#000;border:none;margin-top:8px;font-size:10px}
#quickmenu .recent_item .pager a.current{color:#ff3d2e;font-weight:bold}
#quickmenu .recent_item .pager a.move_prev{background:url('../images/common/quick_prev.jpg') no-repeat;padding:2px 3px;}
#quickmenu .recent_item .pager a.move_next{background:url('../images/common/quick_next.jpg') no-repeat;padding:2px 3px;}

#quickmenu .recent_item .cs_info a{display:inline-block;*display:inline;zoom:1;color:#fff;text-align:center;width:85px;height:60px;background:url('../images/common/quickmenu.png') 3px -415px no-repeat;}
#quickmenu .recent_item .move_top a{display:inline-block;*display:inline;zoom:1;color:#fff;text-align:center;width:85px;height:13px;background:url('../images/common/quickmenu.png') 0 -475px no-repeat;}

/* 공통_하단 */
#footer{width:100%;}
#footer #footerArea{width:1140px; height:auto; margin:0 auto;margin-top:15px;background:#737373;color:#777;}
#footer #footer_company{width:1140px;}
#footer_company td{position:relative}
#footer #footer_company .logo{width:245px}
#footer #footer_company td{text-align:left;vertical-align:top;padding:1px 0}
#footer #footer_company .info {margin-top:40px;color:#aaaaaa}
#footer #footer_company .info .copyright{padding-bottom:10px}
#footer #footer_company .info .company_info span{background:#3b3b3b;color:#fff;display:inline-block;*display:inline;zoom:1;padding:5px 7px;border-radius:5px;margin-top:-5px;margin-left:5px;position:absolute;width:110px;text-align:center}
#footer #footer_company .markimg{text-align:right;padding-top:20px}


#footer_menu{background:#fff;margin:0 auto;}
#footer_menu td{border:none;height:50px;vertical-align:middle;}
#footer_menu > td{border-bottom:2px solid #3b3b3b}
#footer_menu table{margin:0 auto;height:50px;border:none}
#footer_menu td a{color:#232323;padding:0 20px;margin-right:0px}
#footer_menu td.active a{color:#9f1b1f}
#footer_menu table td .breakline{color:#cfcfcf}
#footer_menu .first a{border:none}

/* 공통_메인_본문 */
#container_area > table{width:100%;}
#container_area {height:auto !important; min-height:100%;background-color:#fff;vertical-align:middle;padding-top:45px}
#container_area .top{height:390px}
#container_area .top > td{vertical-align:top;}
#container_area .top .top_left{width:200px;height:390px;position:relative;z-index:8000;}

#container_area .category{position:absolute;z-index:7000;left:0px;top:0px;}
#container_area .category td{width:220px;text-align:left;position:relative;z-index:8000;height:64px}
#container_area .category td img{border:1px solid #e5e5e5}
#container_area .category td .on{background:url('../images/main/cate_lgbg.png') no-repeat;color:#fff;}
#container_area .category td .on img{border:1px solid #ec5c60}
#container_area .category a{position:absolute;display:inline-block;*display:inline;zoom:1;width:220px;padding-left:20px;}
#container_area .category a:hover{color:#fff;background:url('../images/main/cate_lgbg.png') no-repeat;}
#container_area .category a:hover img{border:1px solid #ec5c60}
#container_area .category .cate_box{width:220px;height:64px;border-top:1px solid #e5e5e5;border-left:1px solid #ccc;border-right:none;border-bottom:none}
#container_area .category .first_td{border-top:1px solid #ccc;}
#container_area .category .first_td .cate_box{margin-top:-1px;}
#container_area .category .cate_box.last{border-bottom:1px solid #ccc;height:64px;}
#container_area .category .cate_box img{vertical-align:middle;}
#container_area .category .cate_box span{display:inline-block;*display:inline;zoom:1;line-height:64px}

#container_area .top .center_banner{width:618px;;margin-left:20px;padding-top:0px;position:relative;z-index:7000}
#container_area .top .center_banner li{*margin:0;height:389px;border:1px solid #ccc}
#container_area .top .center_banner .bx-pager{position:absolute;bottom:10px;*text-align:left}
#container_area .top .center_banner .control{position:absolute;top:50%;margin-top:-18px;font-size:50px;color:#676767}
#container_area .top .center_banner .slider_prev{left:15px}
#container_area .top .center_banner .slider_next{right:15px}

#container_area .top .member_bonus{width:600px;height:153px;background:url('../images/main/member_bonusbg.jpg') no-repeat;margin:20px 0 0 20px}
#container_area .top .member_bonus .blank{width:153px}
#container_area .top .member_bonus .join{width:105px;}
#container_area .top .member_bonus .general{width:120px;}
#container_area .top .member_bonus .bonus{color:#fff;font-size:16px;padding:50px 0 0 20px;text-align:left}
#container_area .top .member_bonus .bonus b{color:#ffed27}

#container_area .top .right_banner{width:283px;padding-left:20px;}
#container_area .top .right_banner .delivery{width:283px;}
#container_area .top .right_banner,
#container_area .top .right_banner .caption_table{z-index:9999}

#container_area .top .right_banner .hotitem{margin-top:11px;}
#container_area .top .right_banner .caption_line{width:100%}
#container_area .top .right_banner .caption_line .btitle{text-align:left;color:#484848;font-size:15px;width:200px;*width:140px;font-weight:bold;letter-spacing:0px;padding:5px 0;}
#container_area .top .right_banner .caption_line .pager_zone{text-align:right;width:182px;*width:150px;vertical-align:middle;}
#container_area .top .right_banner .caption_line .pager_zone div{display:inline-block;*display:inline;zoom:1;}
#container_area .top .right_banner .caption_line .bx-pager-item a{display:inline-block;width:10px;height:10px;background:#696969;font-size:0;margin-left:2px;border-radius:5px;}
#container_area .top .right_banner .caption_line .bx-pager-item a.active{background:red;}

#container_area .top .right_banner .caption_line .pager_zone *{z-index:999999}

#container_area .top .right_banner .slider_line{border:1px solid #ccc;height:250px;}
#container_area .top .right_banner .slider_line td{width:282px;}
#container_area .top .right_banner .slider_line .item_info{height:70px;vertical-align:middle;color:#404040;border:1px solid #ccc;}
#container_area .top .right_banner .slider_line .item_info p{}
#container_area .top .right_banner .slider_line .bx-wrapper .bx-caption span{font-size:13px;color:#e0e0e0}
#container_area .top .right_banner .slider_line .bx-wrapper .bx-caption p{color:#f13131}
#container_area .top .right_banner .slider_line .bx-wrapper .bx-caption p b{text-decoration:line-through}

#container_area .top .comunity_banner{position:relative;margin-top:20px;}
#container_area .top .comunity_banner td{width:250px;height:53px;position:relative;text-align:left;}
#container_area .top .comunity_banner td span{display:inline-block;*display:inline;zoom:1;margin:11px 0 0 50px}
#container_area .top .comunity_banner td span{color:#9a9a9a}
#container_area .top .comunity_banner td span b{color:#3c3c3c}
#container_area .top .comunity_banner .anniversary{background:url('../images/main/anniversary_bg.png') no-repeat}
#container_area .top .comunity_banner .deliverypic{background:url('../images/main/deliverypic_bg.png') no-repeat}
#container_area .top .comunity_banner .plant{background:url('../images/main/plant_bg.png') no-repeat}
#container_area .top .comunity_banner .btn_go{width:26px;height:13px;background:url('../images/main/btn_go.png') no-repeat;display:inline-block;*display:inline;zoom:1;font-size:10px;color:#fff;text-align:left;padding-left:4px;right:5px;bottom:10px;position:absolute}

.price{letter-spacing:1px}

.section_title{font-size:17px;font-weight:normal;text-align:left;width:100%;padding-top:40px;}
.section_title table b{color:#e74c4f;font-size:22px;letter-spacing:-2px}
.section_title table span{font-size:14px;color:#868484}
.section_title table .breakline{color:#d7d7d7;font-size:22px;padding:0 5px}
.section_title .title{width:400px;text-align:left}

#bestitem{background:url('../images/main/bestitem-bg.jpg') no-repeat;}
#bestitem table{width:100%;height:405px;}
#bestitem .content_title{height:30px}
#bestitem .item_num td{text-align:left;height:60px;border:1px solid #ccc;border-bottom:none;padding:10px 0;position:relative}
#bestitem .item_num td img{margin-left:20px;margin-top:20px}
#bestitem .item_img td{height:240px;position:relative;border-right:1px solid #ccc;border-left:1px solid #ccc}
#bestitem .item_img td img{margin-top:-35px}
#bestitem .item_info {height:85px;background:#efefef;border:1px solid #ccc;border-top:none}
#bestitem .item_info td{position:relative;border-right:1px solid #ccc;border-top:1px solid #ccc;padding:10px 0;*border:1px solid #ccc}
#bestitem .item_info .item_name{padding-bottom:6px;margin-left:0px;font-size:16px;}
#bestitem .item_info .price{padding-left:5px;padding-bottom:7px;color:#bbbbbb;text-decoration:line-through;font-weight:bold}
#bestitem .item_info .sale_price{padding-left:5px;padding-bottom:7px;color:#e71919;font-weight:bold}
#bestitem .item_info .point span{background:#d78c2c;color:#fff;border-radius:8px;padding:2px 7px;font-size:12px}

.category_recommand table b{color:#000;}
.category_recommand .item_cate{text-align:right;width:765px;}
.category_recommand ul li{display:inline-block;*display:inline;zoom:1;}
.category_recommand ul li a{display:inline-block;*display:inline;zoom:1;font-size:13px;padding:4px 7px;border-right:1px solid #ccc}
.category_recommand ul li.last a{border:none;}
.category_recommand ul li.active{}
.category_recommand ul li.active a{background:#ec5c60;color:#fff}

#category_product{height:380px;position:relative;border-top:2px solid #767676;border-bottom:1px solid #dedede;}
#category_product table{width:100%}
#category_product .item_img td{position:relative;vertical-align:bottom;}
#category_product .item_img img{border:1px solid #ccc;}
#category_product .item_info{height:120px}
#category_product .item_info .item_name{padding-bottom:7px;}
#category_product .item_info .price{padding-left:5px;padding-bottom:7px;color:#bbbbbb;text-decoration:line-through;font-weight:bold}
#category_product .item_info .sale_price{padding-left:5px;padding-bottom:7px;color:#e71919;font-weight:bold}
#category_product .item_info .point span{background:#d78c2c;color:#fff;border-radius:8px;padding:2px 7px;font-size:12px}

.md_product table b{color:#000}
#md_content{width:100%;border-top:1px solid #ccc}
#md_content .line .item{position:relative;vertical-align:baseline;height:420px;padding-top:30px}
#md_content .line .item .itemimg{}
#md_content .line .item .itemimg img{}
#md_content .line .item .itemimg{}
#md_content .line .item .itemimg img{}

#md_content .item_info .item_name{padding-bottom:6px;margin-left:0px;font-size:16px;}
#md_content .item_info .price{padding-left:5px;padding-bottom:7px;color:#bbbbbb;text-decoration:line-through;font-weight:bold}
#md_content .item_info .sale_price{padding-left:5px;padding-bottom:7px;color:#e71919;font-weight:bold}
#md_content .item_info .point span{background:#d78c2c;color:#fff;border-radius:8px;padding:2px 7px;font-size:12px}

.bgdiv{border:1px solid #dbdbdb;width:320px;height:200px;position:absolute;top:0;left:0}

#bottom_content {width:1140px;}
#bottom_content td{text-align:left;width:220px;height:135px;padding:25px 0px;vertical-align:top;}
#bottom_content .cs .bgdiv{border-right:none;}
#bottom_content .account .bgdiv{border-left:none;margin-left:-40px;width:240px}
#bottom_content .account .bgdiv .breakline{position:absolute;top:50%;left:15px;margin-top:-70px;border-left:1px solid #dbdbdb;width:10px;height:140px;}
#bottom_content .deliverypic_board .bgdiv{width:594px;margin-left:-30px}

#bottom_content .title{font-size:16px;color:#323232;font-weight:bold;margin-left:20px}
#bottom_content .title span{color:#868686;font-size:13px;font-weight:normal;margin-left:5px}
#bottom_content .cs{position:relative;width:285px;}
#bottom_content .cs .telicon{width:41px;height:58px;position:absolute;left:20px;top:80px}
#bottom_content .cs .telicon img{top:10px;left:0px;position:relative;}
#bottom_content .cs .title{}
#bottom_content .cs .title span{}
#bottom_content .cs .tel_num{height:20px;margin-left:80px;margin-top:40px;font-size:30px;font-weight:bold;}
#bottom_content .cs .work_info{margin:20px 0 0 85px;color:#8b8b8b;font-size:12px}
#bottom_content .cs .work_info b{color:#444444}
#bottom_content .cs .work_day,
#bottom_content .cs .work_time{position:relative;height:20px;line-height:29px}

#bottom_content .account{position:relative;width:220px;}
#bottom_content .account .title{margin-left:0px}
#bottom_content .account .title span{}
#bottom_content .account li{line-height:20px;margin-left:60px;}
#bottom_content .account .detail{margin-top:45px}
#bottom_content .account .detail .owner{font-weight:bold;margin-bottom:10px}
#bottom_content .account img{position:absolute;left:0px;top:90px}

#bottom_content .deliverypic_board{width:500px;position:relative;padding-top:25px;}
#bottom_content .deliverypic_board .morebtn{right:0;position:absolute;top:20px;right:20px}
#bottom_content .deliverypic_board .bxslider{width:100px;}
#bottom_content .deliverypic_board .title{color:#323232;text-align:left;margin-bottom:10px;margin-left:0px}
#bottom_content .deliverypic_board .item_name{margin-top:7px}
#bottom_content .deliverypic_board .item_name,
#bottom_content .deliverypic_board .customer{text-align:center;}
#bottom_content .deliverypic_board .customer{color:#979696}
#bottom_content .deliverypic_board .bx-viewport{margin-left:-15px;*margin-left:15px;top:5px}
#bottom_content .control{position:absolute;top:50px;font-size:55px;color:#e0e0e0}
#bottom_content .control a{padding:15px 10px;display:inline-block;*display:inline;zoom:1;color:#e0e0e0}
#bottom_content .control a:hover{color:red}
#bottom_content .slider_prev{left:-15px}
#bottom_content .slider_next{right:15px}

.bottom_content2{width:100%;margin-top:20px;position:relative;}
.bottom_content2 td{border-top:2px solid #3b3b3b; border-bottom:1px solid #3b3b3b;text-align:left;vertical-align:top;position:relative}
.bottom_content2 .title{font-size:16px;color:#323232;font-weight:bold;margin-left:20px;margin-top:20px;}
.bottom_content2 .notice{width:330px;}
.bottom_content2 .notice ul{margin:20px 0;}
.bottom_content2 .notice ul li{margin-left:20px;color:#757575;line-height:20px;height:20px;width:330px;}
.bottom_content2 .title span{color:#868686;font-size:13px;font-weight:normal;margin-left:5px}
.bottom_content2 .service{width:900px;color:#3b3b3b;position:relative}
.bottom_content2 .service span{margin-left:20px;color:#868686}
.bottom_content2 .service ul{position:absolute;top:20px;left:120px;width:700px;}
.bottom_content2 .service li{float:left;width:77px;height:77px;margin:0 30px;}
.bottom_content2 .service li div{margin-top:10px;width:80px;text-align:center}

.bottom_content2 .markimg{width:100%;border:none}
.bottom_content2 .bgdiv{height:120px;width:10px;border:none;border-left:1px solid #dbdbdb;margin-top:10px;left:-10px}


/* 공통_서브_LNB */
#lnb_area {}

/* 공통_서브_본문 */
#container_area_sub {}

/* 공통_서브_타이틀 */
#container_area_sub #container_title {}