@charset "utf-8";
/* 전체 */
.wrap{position:relative; width:100%; overflow:hidden;}
.wrap_cen{position:relative; width:1200px; margin:0 auto;}

/* 상단팝업 */
.openpop{background:#2165c6;}
.btn_close{position:absolute; right:0; top:42px;}

/* 유틸 */
.utile_box{border-bottom:1px solid #e5e5e5;}

.utile{max-width:1200px; height:35px; line-height:35px; margin:0 auto; font-size:13px;}
.utile:after{content:''; display:block; clear:both;}
.utile ul{float:right;}
.utile ul li{float:left; margin-left:50px;}

/* 로고 */
.logo_box{position:relative; padding:5px 0 10px;}
.logo{background:url("/images/main/logo.png") no-repeat center 0; width:232px; height:87px; text-indent:-9999px; margin:0 auto;}
.logo h1{height:87px}

/* 통합검색 */
.search{position:absolute; top:7px; right:0;}
.searchform{position:relative;}
.searchQuery{position:absolute; right:0; top:0;background:#fff; border:2px solid #484850; width:250px; height:33px;}
.total_btn{position:absolute; right:0; top:0; background:#484850; padding:8px;}

/* 메뉴 */
.menu_box{background:#273246; height:50px; line-height:50px; box-shadow:0 2px 8px 0px rgba(0, 0, 0, 0.72);}
.menu_box .gnb:after{content:''; display:block; clear:both;}
.menu_box .gnb li{float:left;}
.menu_box .gnb li{margin-right:12.2%;}
.menu_box .gnb li:last-child{margin-right:0;}
.menu_box .gnb li a{color:#fff; font-size:18px; font-weight:400}

/* 비주얼 슬라이드 */
.bx-wrapper{position:relative;}
.bx-wrapper .bx-viewport{height:543px !important;}
.bx-wrapper .bx-controls{position:absolute; bottom:10px; width:100%;}
.bx-wrapper .bx-controls .bx-pager{width:1200px; margin:0 auto; text-align:center;}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item{display:inline-block; background:url("/images/main/btn_bx03.png") no-repeat center center !important; width:21px; height:21px; font-size:1px;}
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a{display:block; color:#474747;}

/*.bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active,
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a:focus {  background:url("/images/main/btn_bx02.png") no-repeat center center !important; color:#757575;}
*/
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active,
.bx-wrapper .bx-controls .bx-pager .bx-pager-item a:focus {  background:url("/images/main/btn_bx02.png") no-repeat center center !important; color:#fff;}


.visual_txtbox{width:100%; margin:0 auto; position:relative; margin-top: -590px;}
.visual_txt{ width:50%; margin:100px auto; text-align:left; font-size:19px; line-height:28px; letter-spacing:-0.5px}
.visual_txt a{color:#fff;}
.visual_txt .visual_title{font-size:34px; display:block; line-height:52px;}
.visual_txt .visual_title2{font-size:50px; font-weight:500; display:block; line-height:52px;}
.visual_txt .bar{width:38px; height:2px; background:#fff; display:block; margin:35px 0;}
.visual_txt .direct_box1{color:#e6af9f; border:1px solid #e6af9f; padding:10px; font-size:15px;display:block;text-align:center;width:240px;margin-top:80px;}
.visual_txt .direct_box2{color:#94ad8e; border:1px solid #94ad8e; padding:10px; font-size:15px;display:block;text-align:center;width:240px;margin-top:80px;}
.visual_txt .direct_box3{color:#9ea6a9; border:1px solid #9ea6a9; padding:10px; font-size:15px;display:block;text-align:center;width:240px;margin-top:80px;}


/* 당일조업상품, 인기상품*/
.container .today_list{margin:40px auto;}
.container .today_list h2{font-size:26px; font-weight:500; letter-spacing:-1px; background:url("/images/main/ico_truck.png") no-repeat left center; padding-left:55px; height:33px; line-height:33px; margin-bottom:20px;}
.container .today_list ul:after{content:''; display:block; clear:both;}
.container .today_list ul li{float:left; margin-right:19px; position:relative;}
.container .today_list ul li:last-child{margin-right:0;}

.container .today_list .product_title{background:rgba(0, 0, 0, 0.6784313725490196); position:absolute; bottom:0; width:100%; height:140px; color:#fff; font-size:22px; padding:40px 20px;}
.container .today_list .product_title .price{display:block; font-size:20px; color:#ff8400; margin-top:10px;}
.container .today_list .best_tag{position:absolute; top:5px; right:5px; background:url("/images/main/ico_popul.png") no-repeat 0 0; width:136px; height:136px;}
.container .today_list .best2_tag{position:absolute; top:5px; right:5px; background:url("/images/main/ico_reco.png") no-repeat 0 0; width:136px; height:136px;}

/* 전체상품 */
.container .all_list{margin:40px auto;}
.container .all_list h2{font-size:26px; font-weight:500; letter-spacing:-1px; background:url("/images/main/ico_truck.png") no-repeat left center; padding-left:55px; height:33px; line-height:33px; margin-bottom:20px;}
.container .all_list ul:after{content:''; display:block; clear:both;}
.container .all_list ul li{float:left; margin-right:13px; margin-bottom:13px; position:relative;}
.container .all_list ul >li:nth-child(4n){margin-right:0}
.container .all_list ul li img{width:290px;}

.container .all_list .product_title{background:rgba(0, 0, 0, 0.6784313725490196); position:absolute; bottom:0; width:100%; height:140px; color:#fff; font-size:18px; padding:40px 20px;}
.container .all_list .product_title .price{display:block; font-size:17px; color:#ff8400; margin-top:10px;}
.container .all_list .best_tag{position:absolute; top:5px; right:5px; background:url("/images/main/ico_popul.png") no-repeat 0 0; width:136px; height:136px;}
.container .all_list .best2_tag{position:absolute; top:5px; right:5px; background:url("/images/main/ico_reco.png") no-repeat 0 0; width:136px; height:136px;}


/* top button */
a#move_top_btn {position:fixed; right:40px; bottom:80px; width:37px; height:37px; display:none; z-index:999; background:url("/images/main/top_button2.png") no-repeat top center; text-indent:-9999px;}
	@media all and (max-width:469px) {
	a#move_top_btn{right:10px; bottom:10px;}
	}


/* footer */
.footer{color:#5d5d5d; padding:30px 0 0 0; border-top:1px solid #ddd;}
.footer:after{content:''; display:block; clear:both;}
.footer_box01{width:60%; float:left; line-height:24px;}

.footer_box01 .boho_box{margin-bottom:10px;}
.footer_box01 .boho_box:after{content:''; display:block; clear:both;}
.footer_box01 .boho_box li{float:left; border-right:1px solid #828d9d; padding:0 20px;}
.footer_box01 .boho_box li a, .footer_box01 .copy_box li a{color:#5d5d5d;}
.footer_box01 .boho_box li:first-child{padding-left:0;}
.footer_box01 .boho_box li:last-child{border-right:none;}

.footer_box02{width:20%; float:left; border-left:1px solid #ddd; padding:20px;}
.footer_box02 h4{font-size:15px; margin-bottom:12px; font-weight:300;}
.footer_box02 p{font-size:14px; font-weight:300;}
.footer_box02 p span{font-size:21px; font-weight:500; display:block; margin-bottom:5px;}



/* 반응형 시작
--------------------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width:1199px) {
.wrap_cen{width:100%; padding:0 5px; max-width:1200px; overflow:hidden;}

.menu_box .gnb{position:relative;}
.menu_box .gnb li{position:relative; height:100%; width:15%; margin:0; text-align:center;}

}



@media all and (max-width:767px) {

.openpop, #btn_openpop{display:none;}

.logo{background:url("/images/main/m_logo.png") no-repeat center 0; width:148px; height:54px;}
.logo_box{padding:5px 0;}
.logo h1{height:54px;}
.utile{font-size:12px; height:26px; line-height:26px; padding:0 5px;}
.utile ul li{margin-left:10px;}

.search .searchQuery{width:32px; border:none; background:#fff;}
.search .total_btn{border-radius:50%; right:5px; top:-25px; padding:5px;}

.menu_box{background:#fff; height:auto; border:1px solid #ddd; box-shadow:none;}
.menu_box .gnb li{border-right:1px solid #ddd;height:35px;line-height:35px;}
.menu_box .gnb li:last-child{border-right:none;}
.menu_box .gnb li a{color:#3e3e3e; font-size:13px; font-weight:500;}


.container .today_list, .container .all_list{margin:10px auto 0;}
.today_list{display:none;}
.container .today_list h2, .container .all_list h2{background:url("/images/main/ico_truck_m.png") no-repeat left center; font-size:15px; padding-left:30px;margin-bottom:5px;}

.container .today_list ul li, .container .all_list ul li{width:33%; margin-right:0.5%;}
.container .all_list ul >li:nth-child(4n){display:none;}
.container .all_list ul >li:nth-child(3), .container .all_list ul >li:nth-child(7){margin-right:0}

.container .today_list ul li img, .container .all_list ul li img{width:100%;}

.container .today_list .best_tag, .container .all_list .best_tag{background: url("/images/main/ico_popul_m.png") no-repeat 0 0; width:50px; height:50px;}
.container .today_list .best2_tag, .container .all_list .best2_tag{background: url("/images/main/ico_reco_m.png") no-repeat 0 0; width:50px; height:50px;}
.container .today_list .product_title, .container .all_list .product_title{font-size:11px; height:54px; line-height:15px; padding:5px 0; letter-spacing:-1px;text-align:center;}
.container .today_list .product_title .price, .container .all_list .product_title .price{font-size:12px; font-weight:400; margin:0;}



.banner_01, .banner_02{display:none;}

.footer{padding:5px 0 0 0;}
.footer_box01{float:none; width:100%;}
.footer_box01 .boho_box, .footer_box01  .copy_box li:nth-child(1), .copy_box li:nth-child(3){display:none;}
.footer_box01 .copy_box{text-align:center; border-bottom:1px dashed #ddd; padding-bottom:5px; font-size:12px;}
.footer_box02, .footer_box03{width:50%; text-align:center; padding:5px; line-height:16px;}
.footer_box02 h4{margin-bottom:0;}
.footer_box02{border-left:none; border-right:1px dashed #ddd; border-bottom:1px solid #ddd;}
.footer_box02 p{text-align:center;font-size:11px;}
.footer_box02 p span{font-size:12px}

.box_02{border-right:none;}

}


@media all and (max-width:469px) {
.visual_txt{width:90%; height:auto; margin:20px auto; padding:50px 0 0; font-size:13px; letter-spacing:-1px}
.visual_txt .visual_title{font-size:23px; font-weight:500;line-height:30px;}
.visual_txt .visual_title2{font-size:40px;}

.visual_txt .bar{margin:10px 5px 10px;width:30px;height:1px;}

.visual_txt .direct_box1, .visual_txt .direct_box2, .visual_txt .direct_box3{font-size:13px; width:200px; padding:5px; margin-top:50px;}
.bx-wrapper .bx-viewport{height:auto !important;}



}

/* 반응형 끝
--------------------------------------------------------------------------------------------------------------------------------*/