#container {overflow:hidden;}

/* header : top_util */
.top_util {position:relative; margin:0 auto; width:1100px; height:35px; }
.top_util > ul > li {float:left; height:36px; line-height:36px; }
.top_util > ul > li > a {display:block; height:100%; line-height:36px; font-size:13px; color:#666; }
.top_util > ul > li span {margin:8px 0;}

.top_util .util_l {position:absolute; left:0; top:0; overflow:hidden; }
.top_util .util_l .bookmark a {padding-left:20px; background:url("../image/common/ico_bookmark.png") no-repeat left center; }
.top_util .util_l .bookmark strong {font-size:14px; color:#333; font-weight:500; }
.top_util .util_l .customer {margin-left:20px; font-size:14px; color:#891015; font-weight:700; }
.top_util .util_l .customer strong {font-size:14px; color:#c9181f; font-weight:700; }

.top_util .util_r {position:absolute; top:0; right:0; overflow:hidden; }
.top_util .util_r li a { }
.top_util .util_r li a span {padding:0 16px; border-left:1px solid #ccc; font-size:14px; color:#666; font-weight:500;}
.top_util .util_r .login span {padding:3px 12px; margin-right:14px; color:#666; border:1px solid #b5b5b5; background-color:#eee; }
.top_util .util_r .cart em {display:inline-block; margin-left:4px; width:21px; height:21px; line-height:21px; text-align:center; font-size:11px; color:#fff; font-weight:800; background:url("../image/common/ico_cart_count.png") no-repeat center;}

 

/* header : header_wrap */
.header_wrap {position:relative; text-align:center; margin:0 auto; width:1100px; overflow:hidden;}
.header_wrap .logo {/* float:left; padding-left:107px; */}
.header_wrap .logo a {display:block; padding:10px; margin:13px auto; width:251px; }
.header_wrap .bnr h3 {padding-top:3px; font-size:12px; color:#333; font-weight:700; }

.header_wrap .head_bnr {position:absolute; top:30px; left:0; /* float:left; text-align:left; margin-top:30px; */ height:71px; background:url("../image/common/h_bnr.png") no-repeat left center; }
.header_wrap .head_bnr h3 {padding:0; margin:3px 0 6px;}
.header_wrap .head_bnr .tit {display:inline-block; margin-bottom:5px; font-size:19px; color:#891015; font-weight:700; }
.header_wrap .head_bnr .txt {font-size:14px; color:#c9181f; font-weight:700;}

.header_wrap .brand_bnr {float:right; position:absolute; top:0; right:0; width:220px; height:116px; margin-top:10px; overflow:hidden;}
.header_wrap .brand_bnr .row {position:absolute; top:0; right:0; overflow:hidden; z-index:2;}
.header_wrap .brand_bnr h3 {float:left;}
.header_wrap .brand_bnr .controls {float:left; margin-left:10px;}
.header_wrap .brand_bnr .controls a {float:left;}
.header_wrap .brand_bnr .bt_before {display:block; width:18px; height:18px; background:url("../image/common/bt_bnr_before.gif") no-repeat center; }
.header_wrap .brand_bnr .bt_before:hover {background-image:url("../image/common/bt_bnr_before_ov.gif"); }
.header_wrap .brand_bnr .bt_next {display:block; width:17px; height:18px; background:url("../image/common/bt_bnr_next.gif") no-repeat center; }
.header_wrap .brand_bnr .bt_next:hover {background-image:url("../image/common/bt_bnr_next_ov.gif"); }

/* header : gnb_wrap */
.gnb_wrap {position:relative; width:100%; height:56px; background-color:#c9181f; }
.gnb {width:1100px; margin:0 auto;}
.gnb_menu {height:56px; /*overflow:hidden;*/ }
.gnb_menu > li {float:left; position:relative; }
.gnb_menu > li > a {display:block; line-height:56px; text-align:center; font-size:16px; color:#fff;}

#btnGnbOpen {float:left; width:198px; background:url("../image/common/bt_menu.png") no-repeat 90% center #9e0c12;/*#891015*/}
#btnGnbOpen span {margin-left:12%; line-height:56px; font-size:16px; color:#fff;}

.list_l {float:left; /*width:76.9%;*/ width:902px;}
.list_l .line_bar {float:left; display:inline-block; width:1px; height:56px; background-color:#8c1116;}
/*.list_r li a {font-size:14px;}*/
.gnb_menu .lst1 a {width:135px;}
.gnb_menu .lst2 a {width:135px;}
.gnb_menu .lst3 a {width:130px;}
/* 원본
.gnb_menu .lst4 a {width:150px; padding-left:20px; background:url("../image/common/ico_camera.png") no-repeat left center;}
.gnb_menu .lst6 a {width:110px;}
*/
.gnb_menu .lst4 a {width:150px;}
.gnb_menu .lst5 a {width:75px; padding-left:20px; margin-left:15px; background:url("../image/common/ico_review.png") no-repeat left center;}
.gnb_menu .lst6 a {width:100px;}
.gnb_menu .lst7 a {width:100px;}
.gnb_menu .lst8 a {width:130px;}

.srh {display:block; position:relative; width:56px; height:56px; -webkit-box-sizing:border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; border:1px solid #8c1116; border-top:0; border-bottom:0;}
.srh .bt_srh {display:block; margin:0!important; width:54px; height:56px; }
.srh .bt_srh span {display:block; width:100%; height:100%; background:url("../image/common/bt_search.png") no-repeat center; font-size:0;}
.srh .bt_srh span:hover {background-color:#8c1116;}


/* search */
.srh_box {position:absolute; top:56px; right:0;}
.srh_box fieldset {width:293px;}
.srh_box input {float:left; padding:16px 16px; width:205px; border:1px solid #333;}
.srh_box button {float:left; width:54px; height:53px; font-size:14px; color:#fff; font-weight:300; background-color:#222;}

/* 카테고리 서브 리스트 */
.gnb_menu .ctgr_snb_lst {position:absolute; top:55px; width:100%; text-align:center; background:#c9191f; z-index:9999; display:none; }
.gnb_menu .ctgr_snb_lst a {display:block; padding:13px 0; font-size:14px; color:#fff; font-weight:300; word-break:keep-all;}
.gnb_menu .ctgr_snb_lst a:hover {background-color:#891015;}

/* .allmenu */
.allmenu_wrap {position:absolute; top:56px; left:0; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color:#fff; border-bottom:1px solid #ccc;}
.allmenu_wrap .allmenu_inner {width:1100px; margin:0 auto;}
.allmenu {float:left; width:75%; box-sizing: border-box; padding:10px 14px;}
.allmenu .depth {float:left; width:18%; box-sizing: border-box; margin:0 1%;}
.allmenu .depth p > a {display:block; padding:20px 0; margin-bottom:10px; font-size:15px; color:#333; font-weight:500; border-bottom:1px solid #ccc; }
.allmenu .depth li > a {display:block; padding:5px 0; font-size:14px; color:#666;}

.allmenu .depth li > a:hover {text-decoration:underline;}

.allmenu_wrap .depth_bnr {float:right; width:25%;}
.allmenu_wrap .depth_bnr a {display:block; position:relative; height:100%;}
.allmenu_wrap .depth_bnr span {display:block;}

.allmenu_wrap .depth_bnr .pic_bnr {float:left; text-align:center; width:100%; height:260px; background:url("../image/common/bnr_csimg.jpg") no-repeat; background-size:cover;}
.allmenu_wrap .depth_bnr .pic_bnr span {padding-top:40%; font-size:20px; color:#fff;}
.allmenu_wrap .depth_bnr .pic_bnr i {display:block; width:51px; height:44px; margin:0 auto 12px; background:url("../image/common/ico_pic_bnr.png") no-repeat;}

.allmenu_wrap .depth_bnr ul {float:left; text-align:center; width:35%; height:260px; border:1px solid #ccc; border-left:0; border-bottom:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing:border-box;}
.allmenu_wrap .depth_bnr ul li {width:100%; height:130px; background:#fff; box-sizing:border-box;}
.allmenu_wrap .depth_bnr ul li span {padding-top:12%;}
.allmenu_wrap .depth_bnr ul li span i {display:block; width:72px; height:72px; margin:0 auto 8px; background:url("../image/common/ico_review_bnr.png") no-repeat; background-size:cover;}
.allmenu_wrap .depth_bnr ul li:last-child span i {background:url("../image/common/ico_customer_bnr.png") no-repeat;}

/* quick */
#quick {position:fixed; top:224px; left:50%; margin-left:560px; width:90px; height:400px; }
#quick .qmenu {display:block; padding:12px 5px 12px 35px; font-size:12px; color:#333; font-weight:500; background-color:#fff!important; border:1px solid #bbb; border-top:0;}
#quick .cart {border-top:1px solid #bbb; background:url("../image/common/ico_quick_cart.png") no-repeat 5px center;}
#quick .order {background:url("../image/common/ico_quick_order.png") no-repeat 5px center;}
#quick .delivery {background:url("../image/common/ico_quick_delivery.png") no-repeat 5px center;}
#quick .todayload {margin-top:4px; border:1px solid #333; background-color:#fff;}
#quick .todayload .tit {display:block; padding:8px 0; width:100%; text-align:center; font-size:12px; letter-spacing:-0.05em; color:#fff; background-color:#333;}
#quick .todayload .tit:after {content:' 닫기';font-size:12px; color:#ff444b;}
#quick .todayload .tit.off:after {content:' 열기';font-size:12px; color:#ff444b;}

#quick .todayload .mini_thumb {margin-bottom:10px;}
#quick .todayload .mini_thumb li {margin:4px 4px 0;}
#quick .todayload .mini_thumb li a {display:block; width:77px; height:77px;}
#quick .todayload .mini_thumb li a img {width:100%;}
#quick .todayload .page {width:100%; margin:0 4px 10px; overflow:hidden;}
#quick .todayload .page li {float:left;}
#quick .todayload .page .prev {display:block; margin:2px 0; width:16px; height:16px; background:url("../image/common/bt_quick_thumb_prev.png") no-repeat; font-size:0;}
#quick .todayload .page .next {display:block; margin:2px 0; width:16px; height:16px; background:url("../image/common/bt_quick_thumb_next.png") no-repeat; font-size:0;}
#quick .todayload .page .numb {display:inline-block; text-align:center; margin:0 5px; width:34px; font-size:14px;}

#quick .bt_top {display:block; margin:4px auto 0; text-align:center; font-size:14px; color:#fff; background:url("../image/common/bt_top.png") no-repeat; width:64px; height:64px;}
#quick .bt_top:before {content:''; display:block; width:13px; height:34px; margin:0 auto; background:url("../image/common/ico_top_arrow.gif") no-repeat 0 75%;}



#max_prd_wrap .max_prd_lst_wrap {float:left; width:100%; overflow:hidden;}
#max_prd_wrap .max_prd_lst_wrap ul {margin:30px 0 0 0;}


/* 제품메뉴 타이틀*/
.con_tit {/* margin-top:50px; */ text-align:center;}
.con_tit h3 {display:inline-block; padding-bottom:12px; font-size:28px; color:#333; font-weight:700; border-bottom:2px solid #c9181f;}

/* 제품리스트 탭메뉴 */
.greenda_lst_top {padding:50px 0 0;}
.greenda_lst_top ul {border:1px solid #ccc; overflow:hidden;}
.greenda_lst_top li {float:left;}
.greenda_lst_top a {display:inline-block; padding:18px 0;}
.greenda_lst_top a.selec span, .greenda_lst_top a:hover span {color:#c9181f;}
.greenda_lst_top span {padding:0 20px; border-left:1px solid #ccc; font-size:16px; font-weight:500;}
.greenda_lst_top .first span {border:0;}

/* prd_type */
#max_prd_wrap {padding:40px 0; overflow:hidden;}
#max_prd_wrap .total {float:left; font-size:14px; font-weight:600; text-transform:uppercase; color:#666;}
#max_prd_wrap .total strong {font-size:14px; font-weight:600; color:#000;}

.prd_type {width:auto; height:auto; float:right;}
.prd_type li {float:left; padding:0 10px; position:relative;}
.prd_type li:after {content:''; width:1px; height:10px; background:#dbdbdb; position:absolute; top:5px; left:0;}
.prd_type li:first-child:after {width:0;}
.prd_type li a {font-size:14px; color:#666; font-weight:500;}
.prd_type li a.selec, .prd_type li a:hover {color:#c9181f;}

/* list layout */
.max_prd_wrap {margin-top:40px!important; text-align:center;}
.max_prd_wrap .max_tt {position:relative; display:inline-block; margin-bottom:50px; font-size:28px; color:#333; font-weight:400; text-align:center;}
.max_prd_wrap .max_tt strong {font-size:28px; color:#333; font-weight:700;}
.max_prd_wrap .max_tt:after {content:''; position:absolute; display:block; width:100%; height:1px; margin-top:10px; background-color:#000; }

.max_prd_lst {width:100%; overflow:hidden;}
.max_prd_lst li {position:relative; float:left; margin:0 5px; width:265px; height:auto; text-align:center; position:relative;}
.max_prd_lst li a {display:block; width:100%; height:100%; padding:0 0 50px;}
.max_prd_lst .max_prd_img {display:block; /*margin:0 auto 20px auto;*/ margin:0 auto; background:#f5f5f5; overflow:hidden;}
.max_prd_lst .max_category {display:block; margin:10px 0 6px; font-size:14px; color:#891015;}
.max_prd_lst .name {display:block; margin:0 0 14px; line-height:22px; font-size:17px; color:#333;}
.max_prd_lst .max_price_won {font-size:14px; color:#222;}
.max_prd_lst .max_price_won strong {font-size:25px; color:#222; font-weight:700;}

.max_prd_lst .soldOut {content:'품절'; display:inline-block; background-color:#333; padding:3px 5px; margin-left:4px; font-size:13px; color:#fff;}
.max_prd_lst .boom {content:'주문폭주'; display:inline-block; background-color:#f46b10; padding:2px 5px; margin-left:4px; font-size:13px; color:#fff;}
.max_prd_lst .max {content:'최다판매'; display:inline-block; background-color:#c9181f; padding:3px 5px; margin-left:4px; font-size:13px; color:#fff;}

.max_prd_lst .thumb_flag {position:absolute; top:10px; left:10px; font-size:0;}
.max_prd_lst .thumb_flag.best {width:60px; height:61px; background:url("../image/main/flag_best.png") no-repeat center;}




/* list layout */




/* paginate */
.max_paginate{padding:20px 0; text-align:center;}
.max_paginate a {display:inline-block; vertical-align:middle; width:40px; height:40px; text-align:center; line-height:40px; border:1px solid transparent; font-size:17px; color:#666; margin:0 -2px;}
.max_paginate a span {display:inline-block; vertical-align:middle; width:40px; height:40px; text-align:center; line-height:40px; border:1px solid transparent; font-size:17px; color:#666; margin:0 -2px;}
.max_paginate a.max_page_cur span {color:#fff; background:#c9181f;}
.max_paginate a.max_page_cur span { color:#FFF; }
.max_paginate a.max_page_prev, .max_paginate a.max_page_next{font-size:0;}
.max_paginate a.max_page_prev:before{content:''; display:inline-block; vertical-align:middle; width:10px;height:10px;  margin-top:-4px; border:1px solid #757575; border-left:none; border-top:none; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
.max_paginate a.max_page_prev_first:after{content:''; display:inline-block; vertical-align:middle; width:10px;height:10px; margin-left:-4px; margin-top:-4px; border:1px solid #757575; border-left:none; border-top:none; -webkit-transform:rotate(135deg);  transform:rotate(135deg);}
.max_paginate a.max_page_next_last:before{content:''; display:inline-block; vertical-align:middle; width:10px;height:10px;  margin-top:-4px; border:1px solid #757575; border-left:none; border-top:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.max_paginate a.max_page_next:after{content:''; display:inline-block; vertical-align:middle; width:10px;height:10px; margin-left:-4px; margin-top:-4px; border:1px solid #757575; border-left:none; border-top:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}


/*
.max_icon_wrap {position:absolute; top:0; right:0;}
.max_icon_wrap li {margin:4px 0;}
.max_icon a {display:block; width:58px; height:46px; padding-top:12px; border-radius:58px; font-size:12px; color:#fff; background-color:#000;}
.max_icon i {display:block; margin:0 auto 4px;}
.max_icon .more i {width:16px; height:16px; background:url("../image/main/bt_prod_more.png") no-repeat;}
.max_icon .cart i {width:16px; height:16px; background:url("../image/main/bt_prod_cart.png") no-repeat;}
*/




/* footer 하단 컨텐츠 */
.customer_wrap {width:100%; border-top:1px solid #ccc; }
.customer_wrap .inner {width:1100px; margin:0 auto; overflow:hidden; }
.customer_wrap .inner .tit {margin-bottom:20px; font-size:18px; font-weight:500;}

/* 하단 게시판 */
.foot_board {position:relative; float:left; width:334px !important; height:180px; padding:26px 0; margin-right:30px !important; }
.foot_board .nav_tabs {width:100%; overflow:hidden; border-bottom:1px solid #333; }
.foot_board .nav_tabs li {float:left;}
.foot_board .nav_tabs .fb_tab {display:block; padding:12px 16px; font-size:14px; color:#666; font-weight:500;}
.foot_board .nav_tabs .on {color:#fff; background-color:#333; font-weight:initial;}
.foot_board .more {position:absolute; top:30px; right:0;  }
.foot_board .more a {display:block; padding:8px 0; font-size:14px; color:#666;}
.foot_board .more a:after {content:''; display:inline-block; width:12px; height:12px; margin:0 0 4px 5px; vertical-align:middle; background:url("../image/common/ico_fb_more.gif") no-repeat;}
.foot_board .fbt_pane {display:none;}
.foot_board .fbt_pane.active {display:block;}
.foot_board .fbt_pane ul {margin-top:14px;}
.foot_board .fbt_pane li a {display:block; width:100%; padding:6px 0; overflow:hidden; vertical-align:middle;}
.foot_board .fbt_pane li a:hover .subject {text-decoration:underline;}
.foot_board .fbt_pane .subject {float:left; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:70%; font-size:15px; color:#454545;}
.foot_board .fbt_pane .date {float:right; text-align:right; display:inline-block; width:22%; font-size:14px; color:#999;}

/* 입금계좌 안내 */
.foot_bank {float:left; width:324px !important; height:180px; padding:30px; border-left:1px solid #ccc;}
.foot_bank .bank_info {margin-bottom:8px; overflow:hidden; }
.foot_bank .bank_info .bank {float:left; display:inline-block; margin-right:10px; width:91px; height:19px; background:url("../image/common/nh_logo.png") no-repeat; font-size:0; }
.foot_bank .bank_info .name {float:left; display:inline-block; padding-top:3px; font-size:14px; color:#333; font-weight:700;}
.foot_bank .bank_number {display:block; text-align:center; font-size:28px; color:#333; font-weight:700;}

/* 입금계좌 안내 : quick menu */
.foot_bank .quick_menu {display:block; margin-top:20px; width:100%; overflow:hidden;}
.foot_bank .quick_menu li {float:left; width:33.33%;}
.foot_bank .quick_menu li a {display:block; padding:10px; border:1px solid #ccc; font-size:14px; color:#333; font-weight:500; background-color:#eee;}
.foot_bank .quick_menu li a:hover {border:1px solid #999; background-color:#fff;}
.foot_bank .quick_menu .cart {margin-left:5px;}
.foot_bank .quick_menu .center {margin-left:5px;}
.foot_bank .quick_menu span {display:inline-block; width:20px; height:22px; margin:-3px 4px 0 0; vertical-align:middle;}
.foot_bank .order span {background:url("../image/common/ico_order.png") no-repeat center;}
.foot_bank .cart span {background:url("../image/common/ico_cart.png") no-repeat center;}
.foot_bank .center span {background:url("../image/common/ico_center.png") no-repeat center;}


/* 고객센터 이용안내 */
.foot_cust {float:left; width:280px !important; height:180px; padding:30px; border-left:1px solid #ccc;}
.foot_cust .tel {display:block; margin-bottom:20px; font-size:36px; color:#222; font-family: europa; font-weight:700; }
.foot_cust .open {display:block; margin-bottom:12px; font-size:16px; color:#f44b10; font-weight:700;}
.foot_cust .breaktime {display:block; font-size:13px; color:#666; font-weight:700; }
.foot_cust .breaktime strong {font-size:13px; color:#222;}

/* 관련기관모음 */
.bnr_zone {width:100%; background:#f1f1f1; }
.bnr_zone .inner {position:relative; width:1100px; margin:0 auto; height:80px; overflow:hidden;}
.bnr_zone .controls {float:right; padding-top:25px; }
.bnr_zone .controls button {float:left; width:30px; height:30px;  }
.bnr_zone .controls .bt_prev {position:absolute; left:0; background:url("../image/common/bt_bnrzone_prev.png") no-repeat center;}
.bnr_zone .controls .bt_next {background:url("../image/common/bt_bnrzone_next.png") no-repeat center;}
.bnr_zone .controls .bt_stop {border:1px solid #ccc; background:url("../image/common/bt_bnrzone_stop.png") no-repeat center;}

.bnr_zone .bnr_lst {float:left; width:980px; height:52px; overflow:hidden; margin:14px 20px 14px 40px;}
.bnr_zone .bnr_lst li {float:left; margin-right:70px;}
.bnr_zone .bnr_lst li a {display:block;}


/* footer */
#footer {width:100%; background-color:#888;}
.footer_info {position:relative; width:1100px; height:260px; margin:0 auto;}

.company_info {position:relative; padding:10px 0; width:100%; height:38px; border-bottom:1px solid #999;}
.company_info ul {}
.company_info ul li {float:left;}
.company_info ul a {display:inline-block; padding:10px 0;}
.company_info ul a span {padding:0 20px; border-left:1px solid #ccc; font-size:14px; color:#fff;}
.company_info ul a span.intro {border:0;}
.company_info .site_menu {position:absolute; top:0; right:0; padding:20px 10px; width:162px; font-size:14px; color:#fff; background:url("../image/common/ico_arrow2.gif") no-repeat 90% 50%;}
.company_info .site_menu:hover {background-color:#757575;}
.company_info .site_menu.action {background-color:#757575;}
.company_info .site_lst {position:absolute; bottom:57px; right:0; width:160px; height:160px; overflow:hidden; overflow-y:auto; padding:0 10px; border:1px solid #222; background-color:#fff; }
.company_info .site_lst li {float:left; width:100%;}
.company_info .site_lst a {display:block; padding:8px 0; font-size:14px; border-bottom:1px dashed #ccc; background:url("../image/common/ico_site_link.gif") no-repeat right center; font-family:'NotoKR';}
.company_info .site_lst li:last-child a {border:0;}

.foot_add {float:left; display:block; padding:0 15px 0 176px; margin:30px 0; width:600px; background:url(../image/common/foot_logo.png) no-repeat left top;}
.foot_add address em, .footer_info .foot_add cite, .footer_info .foot_add .admin, .footer_info .foot_add .dmax
{font-size:13px; line-height:140%; color:#ccc;}
.foot_add cite {display:inline-block; margin-top:20px; font-size:13px; color:#ccc;}
.foot_add .admin {}

.shop_mark {float:left; display:block; margin:30px 0 30px 0; width:300px; overflow:hidden;}
.shop_mark a {float:left; width:150px; height:36px; margin-bottom:8px; font-size:0;}
.shop_mark .nts {background:url("../image/common/foot_nts.png") no-repeat;}
.shop_mark .kpd {background:url("../image/common/foot_kpd.png") no-repeat;}
.shop_mark .kcp {background:url("../image/common/foot_kcp.png") no-repeat;}
.shop_mark .ftc {background:url("../image/common/foot_ftc.png") no-repeat;}
.shop_mark .kisia {background:url("../image/common/foot_kisia.png") no-repeat;}









.pagewrap { width:1100px; /*margin:0 auto 50px;*/ margin:50px auto; position:relative; overflow:hidden;}
.pagewrap_board { width:1100px; /*margin:0 auto 50px;*/ margin:0 auto; position:relative; overflow:hidden;}