/*# sourceURL=../css/layout.css */
/*@ sourceURL=../css/layout.css */
@charset "utf-8";
#max_wrap {width:100%; min-width:1382px; background:#fff; }
:root {--buyest-kids-orange:#ff4b22;}
/* header */
#max_header {width:100%; height:auto; padding:32px 0 16px; position: relative; z-index:998; background: #fff;}
#max_header.sub_header { box-sizing:border-box;}
#max_header .inner {width:1366px; height:auto; margin:0 auto; position:relative;}
#max_header .logo {position:absolute; top:0; left:0;}
/* header : search */
.sch_box {width:512px; height:auto; margin:0 auto; box-sizing:border-box; position:relative;}
.sch_box input {display:block; width:100%; height:auto; padding:8px 34px 8px 10px; box-sizing:border-box; border-bottom:2px solid #000; }
.sch_box button {width:24px; height:24px; background:url("../image/common/maxmall_ui_lab_24.png") -24px -24px no-repeat; font-size:0; position:absolute; top:6px; right:10px;}
/* header : gnb */
.gnb_box {position:absolute; top:0; right:0; }
.gnb_box > ul {}
.gnb_box > ul > li {float:left; margin-left:24px; position:relative;}
.gnb_box > ul > li > a {display:flex; align-items:center; padding:0 0 8px;}
.gnb_box > ul > li > a > i {width:24px; height:24px; margin:0 4px; background-image:url("../image/common/maxmall_ui_lab_24.png");}
.gnb_box > ul > li > a .ico_user {background-position:-48px -72px;}
.gnb_box > ul > li > a .ico_cart {background-position:-72px -72px; margin-right:12px;}
.gnb_box > ul > li > a .nscart {display:block; width:20px; height:20px; line-height:20px; border-radius:100%; background-color:#ed145b; color:#fff; text-align:center; position:absolute; top:0; right:0; font-weight:bold; font-size:11px;}
.gnb_box > ul > li.btn_adm a { color:#ad0644; font-weight:600; }
.gnb_box > ul > li > a .ico_adm {background-position:0px -120px;}
li.top_gnb_hover:hover .top_gnb_hover_target { display:block !important; }
/* header : gnb : tooltip layer */
.tooltip_layer {width:148px; height:auto; position:absolute; top:32px; left:0; z-index:50; background-color:#fff; border:1px solid #e5e5e5; padding:14px 20px; box-sizing:border-box; border-radius:10px; }
.tooltip_layer ul {}
.tooltip_layer ul li {}
.tooltip_layer ul li a {display:block; padding:4px 0;}
.tooltip_layer .mypage-menu {border-top:1px solid #e5e5e5; padding-top:8px; margin-top:8px;}
/* header : lnb */
.max_lnb {width:100%; height:72px; margin:0 auto; text-transform:uppercase; font-weight:800; letter-spacing:0; text-align:left; display:flex; flex-direction:column; align-items:center; justify-content:center; position:sticky; top:0; z-index:997; background:#fff; border-bottom:0;}
.max_lnb .max_lnb_inner { width:100%; max-width:1366px; margin:0 auto; display:flex; align-items:center; justify-content:flex-start; position:relative; z-index:2; background:#fff; }
.max_lnb .max_lnb_motion { display:flex; align-items:center; justify-content:flex-start; transition:transform .2s ease; width:100%; }
.max_lnb ul {text-align:left; position:relative;}
.max_lnb ul:before {display:none;}
.max_lnb li {display:inline-block; width:auto; box-sizing:border-box;}
.max_lnb li a {display:block; padding:22px 0; position:relative;}
.max_lnb li .new_prod:before {content:''; display:block; width:4px; height:4px; border-radius:100%; background-color:#e60e17; position:absolute; top:-8px; left:50%; transform:translateX(-50%);}
.max_lnb .lnb_cate {display:flex; align-items:center; gap:42px;}
.max_lnb .lnb_cate p {float:none; width:auto; text-align:left;}
.max_lnb .lnb_cate p a {display:block; width:auto; box-sizing:border-box; padding:22px 0; color:#000; font-size:20px; font-weight:800; line-height:1.2; white-space:nowrap; transition:color .15s ease;}
.max_lnb .lnb_cate p a:hover,
.max_lnb .lnb_cate p a.active {color:var(--buyest-kids-orange);}
.max_lnb .lnb_cate p a:before {display:none;}
.max_lnb .lnb_cate p a.active:before { background-image:url('data:image/svg+xml;utf8,'); background-position:center; background-repeat:no-repeat; background-size:contain; }
.max_lnb .lnb_cate > ul {float:none; display:flex; align-items:center; gap:42px;}
.max_lnb .lnb_cate > ul > li {position:relative;}
/* .max_lnb .lnb_cate > ul > li:nth-child(2) a {padding:0;} */
.max_lnb .lnb_cate > ul > li > a {color:#000; font-size:20px; font-weight:800; line-height:1.2; white-space:nowrap; transition:color .15s ease;}
.max_lnb .lnb_cate > ul > li > a:hover,
.max_lnb .lnb_cate > ul > li > a.active {color:var(--buyest-kids-orange); font-weight:800;}
.max_lnb .lnb_cate > ul > li > a.active:after {display:none;}
.max_lnb .lnb_cate .depth_layer {width:160px; height:auto; padding:16px; background-color:#fff; border:1px solid #181818; position:absolute; top:60px; left:50%; transform:translateX(-50%); z-index:2; font-weight:400; box-sizing:border-box; display:none;}
.max_lnb .lnb_cate .depth_layer .lnb_depth2 {border-left:none; text-align:left; display:flex; flex-direction:column; }
.max_lnb .lnb_cate .depth_layer .lnb_depth2:before {display:none;}
.max_lnb .lnb_cate .depth_layer .lnb_depth2 li {float:none; width:100%; letter-spacing:-1px;}
.max_lnb .lnb_cate .depth_layer .lnb_depth2 li a {padding:8px;}
.max_lnb .lnb_cate_one {display:flex; align-items:center; vertical-align:top;}
.max_lnb .lnb_cate_one li {}
.max_lnb .lnb_cate_one li a {}
.max_lnb .lnb_cate_one li:last-child a {padding-right:0;}
.max_lnb .lnb_cate > ul > li:hover .depth_layer {display:block;}
.max_lnb .stuck-icon { position:absolute; top:50%; right:0; display:flex; align-items:center; gap:12px; transform:translateY(-50%); opacity:0; visibility:hidden; pointer-events:none; transition:right .22s ease, opacity .22s ease, visibility .22s ease; white-space:nowrap; }
.max_lnb .stuck-icon ul {display:flex; align-items:center; gap:12px;}
.max_lnb .stuck-icon ul:before { display:none}
.max_lnb .stuck-icon ul li { width:auto; position:relative; }
.max_lnb .stuck-icon .tooltip_layer {left:-55px;}
.max_lnb .stuck-icon a,
.max_lnb .stuck-icon button { width:0; height:34px; padding:0; font-size:0; text-indent:-9999px; transition:width .22s ease; display: flex; justify-content: center; align-items: center; }
.max_lnb .stuck-icon a:before,
.max_lnb .stuck-icon button:before { content:''; display:block; width:24px; height:24px; background-image: url(../image/common/maxmall_ui_lab_24.png); }
.max_lnb .stuck-icon .btn-cart span { display: block; width: 20px; height: 20px; line-height: 20px; border-radius: 100%; background-color: #ed145b; color: #fff; text-align: center; position: absolute; top:5px; right:-7px; font-weight: bold; font-size: 11px; text-indent: 0; display: flex; align-items: center; justify-content: center;}
.max_lnb .stuck-icon .btn-admin:before { background-position: 0px -120px; }
.max_lnb .stuck-icon .btn-login:before { background-position: -48px -72px; }
.max_lnb .stuck-icon .btn-cart:before { background-position: -72px -72px; }
.max_lnb .stuck-icon .btn-search:before { background-position: -24px -24px; }
.max_lnb .stuck-icon .btn-search.active:before { background-image:url('data:image/svg+xml;utf8,'); background-position:center; background-repeat:no-repeat; background-size:contain;}
.max_lnb .stuck-icon li.top_gnb_hover ul { display:flex; flex-direction:column; gap:0; }
.max_lnb .stuck-icon li.top_gnb_hover ul li { display:flex; width:100%; }
.max_lnb .stuck-icon li.top_gnb_hover ul a { font-size: 15px; text-indent: unset; width: 100%; font-weight: normal; display: flex; align-items: center; justify-content: flex-start; height: auto; padding: 4px 0;}
.max_lnb .stuck-icon li.top_gnb_hover ul a:before { display:none; }
.max_lnb.is_stuck .max_lnb_motion { transform:none; }
.max_lnb.is_stuck .stuck-icon { right:0; opacity:1; visibility:visible; pointer-events:auto; }
.max_lnb.is_stuck .stuck-icon a,
.max_lnb.is_stuck .stuck-icon button { width:34px; }
.max_lnb .head-float-cont { display:none; position:absolute; left:0; top:100%; right:0; z-index:1;}
.max_lnb .head-float-cont .inner { width:100%; max-width:1366px; margin:0 auto; background:#fff; border:1px solid #ccc; border-top:0; border-radius:0 0 20px 20px; padding:20px; position:relative; z-index:2; }
.max_lnb .head-float-cont .head-float-background { position:absolute; z-index:1; left:0; top:0; right:0; bottom:0; display:none; cursor:default;}
.max_lnb .head-float-cont.open { display:block; }
.max_lnb .head-float-cont.open .head-float-background { display:block; }
.mn-hover {display:none !important; position:absolute; top:100%; left:0; right:0; z-index:3; background:#fff; border:1px solid #ccc; border-top:0; box-shadow:0 18px 32px rgba(0,0,0,.08); transition:left .2s ease, right .2s ease; border-radius:0 0 8px 8px; overflow:hidden;}
.max_lnb.is_stuck .mn-hover {left:0; right:0;}
.mn-hover .mn-hover-wrap {display:flex; width:100%; max-width:1366px; margin:0 auto; min-height:360px;}
.mn-hover ul {text-align:left;}
.mn-hover ul:before {display:none;}
.mn-hover li {display:block; width:auto;}
.mn-hover a,
.mn-hover button {text-indent:0; }
.mn-hover .mn-hover-wrap .main-mns {display:flex; flex-direction:column; flex:0 0 242px; padding:0; border-right:1px solid #ccc; background:#fafafa;}
.mn-hover .mn-hover-wrap .main-mns nav {display:flex; flex-direction:column;}
.mn-hover .mn-hover-wrap .main-mns nav a,
.mn-hover .mn-hover-wrap .main-mns nav button {display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; padding:0 24px; background:transparent; color:#666; text-align:left; transition:background-color .18s ease, color .18s ease;}
.mn-hover .mn-hover-wrap .main-mns nav a p,
.mn-hover .mn-hover-wrap .main-mns nav button p {pointer-events:none;}
.mn-hover .mn-hover-wrap .main-mns nav a.active,
.mn-hover .mn-hover-wrap .main-mns nav button.active {background:#fff; color:#111; font-weight:700;}
.mn-hover .mn-hover-wrap .main-mns nav a.active:after,
.mn-hover .mn-hover-wrap .main-mns nav button.active:after {content:''; width:6px; height:6px; border-top:1px solid #111; border-right:1px solid #111; transform:rotate(45deg);}
.mn-hover .mn-hover-wrap .sub-mns {flex:1 1 auto; min-width:0; padding:15px 20px 15px;}
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item {display:none;}
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item.active {display:block;}
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item > .submenu {display:flex !important; flex-wrap:wrap; align-items:flex-start; }
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item > .submenu > li {display:flex; flex:0 1 20%; flex-direction:column; align-self:flex-start; min-width:0;}
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item > .submenu .submenu-row {margin-bottom:10px;}
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item > .submenu > li > a,
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item > .submenu .submenu-link {display:flex; align-items:center; justify-content:flex-start; width:100%; min-height:26px; padding:0; background:transparent; color:#111; font-size:15px; font-weight:700; line-height:1.5; text-align:left; cursor:pointer;}
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item > .submenu .submenu-link:after {display:none;}
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item > .submenu .submenu-3 {display:block; margin-top:0; height:auto !important; opacity:1 !important; overflow:visible !important; pointer-events:auto !important;}
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item > .submenu .submenu-3.active {display:block;}
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item > .submenu .submenu-3 li {margin-top:8px;}
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item > .submenu .submenu-3 li:first-child {margin-top:0;}
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item > .submenu .submenu-3 a {display:block; padding:0; color:#666; font-weight:400; line-height:1.5;}
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item > .submenu .submenu-3 a.active,
.mn-hover .mn-hover-wrap .sub-mns .category_sub_item > .submenu > li > a.active {color:#111;}
/* */
.max_search{ color:#666; letter-spacing:0; padding:0; }
#max_search,
#max_search_toggle_btn {display:none !important;}
.max_search .search-head{ position:relative; padding:8px 0 0; }
.max_search .search-head fieldset{ display:flex; align-items:center; justify-content:center; width:100%; max-width:760px; margin:0 auto; position:relative; }
.max_search .search-head input{ width:100%; height:68px; padding:0 72px 0 26px; box-sizing:border-box; border:0; border-bottom:3px solid #111; background:#fff; font-size:28px; font-weight:700; line-height:1; letter-spacing:-.5px; color:#111; }
.max_search .search-head input::placeholder{ color:#b7b7b7; font-weight:600; }
.max_search .search-head button{ position:absolute; right:4px; top:50%; width:52px; height:52px; margin-top:-26px; border:0; background-color:transparent; font-size:0; text-indent:-9999px; border-radius:100%; background-image:url('data:image/svg+xml;utf8,'); background-position:center; background-repeat:no-repeat; background-size:24px 24px; transition:background-color .2s ease, transform .2s ease; cursor:pointer; }
.max_search .search-head button:hover{ background-color:#f5f5f5; transform:scale(1.06); }
.max_search .search-body{ display:flex; gap:24px; margin-top:34px; align-items:stretch; }
.max_search .search-body .row-cont{ flex:1 1 0; padding:24px 24px 22px; background:#fafafa; border:1px solid #ececec; border-radius:18px; min-height:170px; box-sizing:border-box; }
.max_search .search-body .row-cont .row-cont-header{ display:flex; align-items:center; justify-content:space-between; padding-bottom:14px; border-bottom:1px solid #e8e8e8; }
.max_search .search-body .row-cont .row-cont-header h3{ font-size:18px; font-weight:700; color:#111; line-height:1.2; letter-spacing:-.3px; }
.max_search .search-body .row-cont .row-cont-header button{ font-size:13px; font-weight:600; color:#999; transition:color .2s ease; }
.max_search .search-body .row-cont .row-cont-header button:hover{ color:#111; }
.max_search .search-body .row-cont .row-cont-body{ padding-top:18px; }
.max_search .search-body .row-cont ul{ display:flex; flex-wrap:wrap; gap:10px; margin-top:0;}
.max_search .search-body .row-cont ul:before{ display:none; }
.max_search .search-body .row-cont ul li{ display:flex; width:auto; position:relative;}
.max_search .search-body .row-cont ul.recent_search_wrap button.recent-keyword{ height:38px; padding:0 34px 0 16px; border:1px solid #ddd; border-radius:999px; background:#fff; display:flex; align-items:center; box-sizing:border-box; transition:border-color .2s ease, background-color .2s ease, transform .2s ease; }
.max_search .search-body .row-cont ul.recent_search_wrap button.recent-keyword:hover{ border-color:#bbb; background:#fdfdfd; transform:translateY(-1px); }
.max_search .search-body .row-cont ul.recent_search_wrap button.recent-keyword span.keyword{ color:#222; font-size:15px; font-weight:600; line-height:1; }
.max_search .search-body .row-cont ul.recent_search_wrap button.recent-keyword span.date{ font-size:12px; color:#999; margin-left:8px; line-height:1; }
.max_search .search-body .row-cont ul.recent_search_wrap button.btn-recent-keyword-delete{ position:absolute; right:8px; top:50%; width:20px; height:20px; margin-top:-10px; font-size:0; text-indent:-9999px; border:0; background:transparent; transition:transform .2s ease, opacity .2s ease; opacity:.7; cursor:pointer; }
.max_search .search-body .row-cont ul.recent_search_wrap button.btn-recent-keyword-delete:before{ content:''; display:block; width:100%; height:100%; background-image:url('data:image/svg+xml;utf8,'); background-position:center; background-repeat:no-repeat; background-size:80%; }
.max_search .search-body .row-cont ul.recent_search_wrap button.btn-recent-keyword-delete:hover{ transform:translateY(-50%) scale(1.08); opacity:1; }
.max_search .search-body .row-cont ul.best_keyword_wrap button.recent-keyword{ height:38px; padding:0 16px; border:1px solid #ddd; border-radius:999px; background:#fff; color:#333; font-size:15px; font-weight:600; line-height:1; transition:border-color .2s ease, background-color .2s ease, color .2s ease, transform .2s ease; }
.max_search .search-body .row-cont ul.best_keyword_wrap button.recent-keyword:hover{ border-color:#111; background:#111; color:#fff; transform:translateY(-1px);}
.max_brand { color:#797979; letter-spacing:0;}
.max_brand .brand-head { display:flex; align-items: center; margin-top:20px;}
.max_brand a {display:inline-block; width:100px; text-align:center; border:1px solid #d7d7d7; border-radius:10px; box-sizing:border-box; padding:4px 20px !important;}
.max_brand a:hover {color:#181818; border-color:#181818;}
.max_brand .brand_sch { width:200px; height:32.5px; line-height:1; box-sizing:border-box; position:relative; }
.max_brand .brand_sch input { width:100%; height:32.5px; background-color:#f0f0f0; padding:5px 34px 5px 15px; box-sizing:border-box; border-radius:10px; }
.max_brand .brand_sch button { display:block; width:24px; height:24px; background:url("../image/common/maxmall_ui_lab_24.png") -48px -96px no-repeat; font-size:0; text-indent:-9999px; position:absolute; right:10px; top:4px; }
.max_brand .brand_menu { flex:1 1; height:auto; position:relative; box-sizing:border-box; display:flex; align-items:center; justify-content:flex-end; gap:10px;}
.max_brand .brand_menu ul:before { display:none; }
.max_brand .brand_menu .letter-box { display:flex; align-items: center; }
.max_brand .brand_menu .letter-box .bookmark { }
.max_brand .brand_menu .letter-box .name-lst { display:flex; align-items: center; }
.max_brand .brand_menu .letter-box .name-lst li {display:inline-block; line-height:32px; width:auto; }
.max_brand .brand_menu .letter-box .name-lst li button {padding:0 5.5px; color:#797979;}
.max_brand .brand_menu .letter-box .name-lst li button:hover {color:#ed145b;}
.max_brand .brand_menu .letter-box .name-lst li .active {color:#ed145b; font-weight:700;}
.max_brand .brand_menu .name-letter { display:flex; align-items:center; gap:10px; }
.max_brand .brand_menu .name-letter li { width:auto; }
.max_brand .brand_menu .name-letter li .active {color:#fff; background-color:#181818; border:1px solid #181818;}
.max_brand .brand_menu .brand-lnk { display:flex; align-items:center; gap:10px; }
.max_brand .brand_menu .brand-lnk .bt_mybrand {color:#ed145b; border-color:#ed145b;}
.max_brand .brand_lst_wrap { width:100%; height:290px; padding-top:8px; margin-top:8px; border-top:2px solid #181818; box-sizing:border-box; /*overflow-y:scroll;*/}
.max_brand .brand_lst_wrap a {width:auto; height:auto; line-height:1; text-align:left; border:none; border-radius:0; }
.max_brand .brand_lst_wrap ul { display:flex; flex-wrap:wrap; }
.max_brand .brand_lst_wrap ul:before { display:none}
.max_brand .brand_lst_wrap ul li { flex:0 20%; width:20%; margin:3px 0; display:flex; align-items: center; }
.max_brand .brand_lst_wrap ul li .bookmark {display: flex; align-items: center; justify-content: center; margin-right:5px; }
.max_brand .brand_lst_wrap ul li a { flex:1 1; padding:0 !important; height: 100%; display: flex; align-items: center; font-weight:normal; }
.max_brand .bt_brand_close {display:block; width:32px; height:32px; position:absolute; top:14px; right:28px; font-size:0;}
.max_brand .bt_brand_close i {display:block; width:24px; height:24px; position:relative;}
.max_brand .bt_brand_close i:before,
.max_brand .bt_brand_close i:after {content:''; display:block; width:24px; height:2px; background:#000; border-radius:10px; position:absolute; top:10px; left:4px; transform:rotate(-45deg);}
.max_brand .bt_brand_close i:after {transform:rotate(45deg);}
.quick-layer-background { position:fixed; left:0; top:0; right:0; bottom:0; z-index:990; background: rgba(17, 17, 17, .5); visibility: hidden; opacity: 0; cursor:default; transition: opacity .2s ease, visibility .2s ease; backdrop-filter: blur(2px);}
.quick-layer-background.open { visibility: visible; opacity:1;}
/* quick */
#max_quick {width:448px; height:540px; position:fixed; bottom:0; right:0; z-index:31; display:table;}
#max_quick .quick_btn_bar {display:table-cell; vertical-align:bottom; width:48px; height:192px; }
#max_quick .quick_btn_bar button {display:block; width:48px; height:48px; background:url("../image/common/ico_quick.png") no-repeat; background-color:#000; font-size:0; position:relative;}
#max_quick .quick_btn_bar button:hover,
#max_quick .quick_btn_bar .active {background-color:#fff;}
#max_quick .quick_btn_bar button:nth-child(1) {}
#max_quick .quick_btn_bar button:nth-child(1):hover {background-position:-48px 0;}
#max_quick .quick_btn_bar button:nth-child(2) {background-position:0 -48px;}
#max_quick .quick_btn_bar button:nth-child(2):hover {background-position:-48px -48px;}
#max_quick .quick_btn_bar button:nth-child(3) {background-position:0 -96px;}
#max_quick .quick_btn_bar button:nth-child(3):hover {background-position:-48px -96px;}
#max_quick .quick_btn_bar button:nth-child(4) {background-position:0 -144px;}
#max_quick .quick_btn_bar button:nth-child(4):hover {background-position:-48px -144px;}
#max_quick .quick_btn_bar button span { display:inline-block; width:0; font-size:12px; position:absolute; transform:translateX(-50%); opacity:0; visibility:hidden; width:auto; top:10px; left:-10px; padding:8px 10px; background:#000; color:#fff; box-sizing:border-box; z-index:3; border-radius:3px; transition:all .3s; }
#max_quick .quick_btn_bar button:hover span { transform:translateX(-100%); opacity:1; visibility:visible; border:none;}
#max_quick .quick_btn_bar button span:before { content:''; width:8px; height:8px; display:block; background:#000; position:absolute; z-index:2; right:-3px; top:9px; transform:rotate(45deg); border:none;}
#max_quick .quick_btn_bar button:nth-child(1) span { width:62px; }
#max_quick .quick_btn_bar button:nth-child(2) span { width:92px; }
#max_quick .max_quick_inset_cont {flex:1 1 auto; min-height:0; overflow:hidden;}
/* active */
#max_quick .quick_btn_bar .active:nth-child(1) {background-position:-48px 0;}
#max_quick .quick_btn_bar .active:nth-child(2) {background-position:-48px -48px;}
/* contents */
#max_quick .quick_cont {display:table-cell; width:400px; background-color:#fff; border:1px solid #000; box-sizing:border-box;}
#max_quick .quick_cont > p {width:100%; height:52px; line-height:52px; padding-left:14px; background-color:#000; color:#fff; font-weight:bold; box-sizing:border-box;}
#max_quick .quick_cont > p strong {font-size:13px; color:#ed145b;}
#max_quick .quick_cont .inner {width:100%; height:calc(100% - 52px); min-height:0; position:relative; display:flex; flex-direction:column;}
#max_quick .quick_cont .maxskin_tab {background-color:#fff; border-bottom:1px solid #d7d7d7; position:relative; z-index:1; text-align:center; display:flex; }
#max_quick .quick_cont .maxskin_tab li { width:50%; flex: 1 1 auto;}
#max_quick .quick_cont .maxskin_tab li a {display:block; width:100%; padding:14px 0; color:#797979; box-sizing:border-box;}
#max_quick .quick_cont .maxskin_tab li .active {color:#000; font-weight:bold;}
#max_quick .quick_cont .bt_close {display:block; position:absolute; top:16px; right:14px;}
/* quick list */
#max_quick .quick_lst {display:flex; flex-direction:column;}
#max_quick .max_quick_inset_cont > .quick_lst {height:435px; overflow-y:auto; overflow-x:hidden;}
#max_quick .max_quick_inset_cont > .quick_lst.today { height:485px; }
#max_quick .quick_lst li {width:100%; height:auto; padding:8px 10px 8px 10px; position:relative; box-sizing:border-box;}
#max_quick .quick_lst li a {display:flex; width:100%; height:100%; }
#max_quick .quick_lst li a .thumb {display:flex; flex:0 80px; width:80px; height:80px; align-items: center; justify-content: center;}
#max_quick .quick_lst li a .thumb img {width:100%;}
#max_quick .quick_lst li a .thumb span { background: #f1f1f1; font-size: 12px; color: #999; display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
#max_quick .quick_lst li a .prod_info {display:flex; flex-direction: column; flex:1 1; vertical-align:middle; padding:0 14px; box-sizing:border-box;}
#max_quick .quick_lst li a .prod_info span {color: #797979; letter-spacing: 0;}
#max_quick .quick_lst li a .prod_info p {line-height:1.3; padding-top:4px;}
#max_quick .quick_my_brand li {position:relative; display:flex; padding:8px 15px; }
#max_quick .quick_my_brand li a { flex:1 1; box-sizing:border-box; order:2; display: flex; align-items: center;}
#max_quick .quick_my_brand li a span {display:inline-block; color:#797979; letter-spacing:0; padding-left:4px;}
#max_quick .quick_my_brand li .bookmark {width:32px; height:32px; margin-right:10px; }
/* footer */
#max_footer {width:1366px; height:auto; margin:96px auto; }
#max_footer .buyest_bn {width:100%; height:auto; display:table;}
#max_footer .buyest_bn li {display:table-cell; width:50%;}
#max_footer .buyest_bn li:last-child {text-align:right;}
#max_footer .foot_bn { display:flex; gap:20px; }
#max_footer .foot_bn .bottom-banner { flex:1 1; padding:50px 30px; color:#fff; background:#191919; border-radius:20px; display:flex; flex-direction: column; }
#max_footer .foot_bn .bottom-banner .header {display: flex; align-items: center; margin-bottom: 2rem;}
#max_footer .foot_bn .bottom-banner .header i { width:100px; height:100px; background-image:url(/image/mo-ico1.png); background-size: contain; background-repeat: no-repeat; margin-right: 20px;}
#max_footer .foot_bn .bottom-banner .header h4 { font-size: 2rem; line-height: 1.2; margin-right: 1rem; }
#max_footer .foot_bn .bottom-banner .header h4 strong {font-weight: 700;}
#max_footer .foot_bn .bottom-banner p { font-size:18px;}
#max_footer .foot_bn .bottom-banner.bottom-banner-bottom i {background-image:url(/image/mo-ico2.png);}
#max_footer .ctm_box {width:100%; height:auto; overflow:hidden; margin-top:96px;}
#max_footer .cs_center {float:left; width:570px;}
#max_footer .cs_center:before {content:''; display:block; width:48px; height:4px; background-color:#181818;}
#max_footer .cs_center p {line-height:1.6; text-transform:uppercase;}
#max_footer .cs_center strong {display:block; font-weight:700; font-size:34px; font-family:'Raleway'; padding-top:8px;}
#max_footer .cs_center em {color:#797979;}
#max_footer .bank_info {float:left; width:346px; padding-top:32px;}
#max_footer .bank_info p {font-size:22px; font-weight:700; color:#181818; font-family:'Raleway';}
#max_footer .bank_info em {display:block; font-size:16px; line-height:1.6; margin-top:14px;}
#max_footer .help_menu {float:left; width:450px; padding-top:32px;}
#max_footer .help_menu ul {width:100%; height:auto;}
#max_footer .help_menu ul li {float:left; width:33.33%;}
#max_footer .help_menu ul li strong {font-weight:700; font-family:'Raleway'; text-transform:uppercase; letter-spacing:0;}
#max_footer .help_menu ul li ul {margin-top:8px;}
#max_footer .help_menu ul li ul li {float:none; width:100%;}
#max_footer .help_menu ul li ul li a {display:block; width:100%; height:auto; padding:4px 0;}
#max_footer .add_box {position: relative; width:100%; height:auto; border-top:1px solid #e5e5e5; padding-top:32px; margin-top:32px; padding-bottom:32px;}
#max_footer .add_box ul {width:100%; height:auto;}
#max_footer .add_box ul li {display:inline-block; padding-right:24px;}
#max_footer .add_box address {display:block; padding-top:24px; line-height:1.6;}
#max_footer .add_box address em {display:block;}
#max_footer .add_box address a {color:#797979; text-decoration:underline;}
/* sub layout */
.pagewrap {width:1366px; height:auto; margin:48px auto 0; position:relative; overflow:hidden; box-sizing:border-box;}
.pagewrap.brand {margin-top:72px;}
.max_shop_page {width:1366px; height:auto; padding-bottom:40px; margin:28px auto;}
.max_shop_page:after {content:''; display:block; clear:both;}
.max_login_form_auto_login { width:auto; margin:0; padding:0; }
/* sub visual */
.max_sub_vis {width:100%; height:240px; background-position:top center;}
/* product list : sub navigation bar */
.bt_filter {display:inline-flex; align-items:center; justify-content:center; height:40px; padding:0 16px; text-transform:uppercase; font-size:14px; letter-spacing:0; border:1px solid #d7d7d7; background:#fff; box-sizing:border-box; border-radius:8px; white-space:nowrap; color:#666}
.bt_filter .filter-icon { position:relative; width:24px; height:24px; }
.bt_filter .filter-icon span.bar { display:block; position:absolute; left:2px; height:2px; width:18px; border-radius:2px; background:#666; }
.bt_filter .filter-icon span.bar::after { display:block; position:absolute; height:8px; width:3px; background:#666; border-radius:2px; opacity:1; z-index:2; top:-3px; content: ''; transition: left .2s;; }
.bt_filter .filter-icon span.bar.bar-1 { top:5px; }
.bt_filter .filter-icon span.bar.bar-1::after { left:20%;}
.bt_filter .filter-icon span.bar.bar-2 { top:12px; }
.bt_filter .filter-icon span.bar.bar-2::after { left:60%;}
.bt_filter .filter-icon span.bar.bar-3 { top:19px; }
.bt_filter .filter-icon span.bar.bar-3::after { left:40%;}
.bt_filter:hover span.bar.bar-1::after { left:60%; }
.bt_filter:hover span.bar.bar-2::after { left:20%; }
.bt_filter:hover span.bar.bar-3::after { left:70%; }
.bt_filter.open .filter-icon span.bar {background:#333;}
.bt_filter.open .filter-icon span.bar::after {background:#333;}
/*
.bt_filter:before {content:''; display:inline-block; font-family:'Dotum'; padding-right:8px;}
.bt_filter.open:before {content:'>';}
.bt_filter span {font-size:0;}
*/
.bt_filter:hover { }
/* snb : common */
.product-list-wrap { display:flex; gap:20px;}
.max_snb_wrap { flex:0 260px; /*width:240px;*/ height:auto; margin-top:64px; }
.max_snb_wrap .max_snb {border-bottom:1px solid #d7d7d7;}
.max_snb_wrap .max_snb > button {display:block; width:100%; height:auto; padding:16px 10px; text-align:left; letter-spacing:-1px; font-weight:bold; position:relative;}
.max_snb_wrap .max_snb > button i {display:block; width:24px; height:24px; background:url("../image/common/maxmall_ui_lab_24.png") -72px -96px no-repeat; position:absolute; top:12px; right:5px;}
.max_snb_wrap .max_snb > button .on {background-position:-96px -96px;}
.max_snb_wrap .max_snb .box {}
.max_snb_wrap .max_snb .scroll-box {height:280px; margin-bottom:0; /*overflow-y:scroll; 2020.05.29 - simplebar use */ }
.max_snb_wrap .max_snb .scroll-box.bcategory {height:260px;}
.max_snb_wrap .max_snb .snb-lst {width:100%; height:auto; padding-bottom:14px; letter-spacing:0; color:#636363; padding-left:10px;}
.max_snb_wrap .max_snb .snb-lst li {margin:8px 0;/* padding-right:16px;*/ color:#181818; }
.max_snb_wrap .max_snb .snb-lst li.brand_searchs {display:flex; align-items:center; justify-content:space-between;}
.max_snb_wrap .max_snb .snb-lst li.brand_searchs em { color:#999; font-size:13px;}
.max_snb_wrap .max_snb .snb-lst .filter-empty-message {padding:12px 4px; color:#999; font-size:13px; line-height:1.6; word-break:keep-all;}
.max_snb_wrap .max_snb .snb-lst li label {font-size:inherit;}
.max_snb_wrap .max_snb .snb-lst li em {display:block; float:right; text-align:right; color:#b7b7b7; display:none}
.max_snb_wrap .max_snb .snb-lst li .dep2 {}
.max_snb_wrap .max_snb .snb-lst li .dep2 li {color:#666;}
.max_snb_wrap .max_snb .snb-lst li .dep3 {}
.max_snb_wrap .max_snb .snb-lst li .dep3 li {color:#797979;}
.max_snb_wrap .max_snb .snb-lst li .max_3depth {padding:16px; margin-top:8px; background-color:#f5f5f5; border-radius: 8px; display:flex; flex-wrap:wrap;}
.max_snb_wrap .max_snb .snb-lst li .max_3depth li {display:block; flex:0 50%; color:#797979; margin:2px 0;}
.max_snb_wrap .max_snb .snb-lst li .max_3depth li a:hover { font-weight: 600;}
.max_snb_wrap .max_snb .snb-lst .sch_price .it {width:90px; display:inline-block; padding:8px;}
.max_snb_wrap .max_snb .snb-lst .sch_price button {width:100%; padding:14px 0; margin-top:8px; font-size:13px; font-weight:700; background-color:#f5f5f5;}
.max_snb_wrap .max_snb .snb-lst .sch_price button:hover {background-color:#181818; color:#fff;}
.max_snb_wrap .max_snb .snb-lst li input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.max_snb_wrap .max_snb .snb-lst li input[type="radio"] + label {display:inline-flex; align-items:center; position:relative; min-height:20px; padding-left:30px; color:inherit; cursor:pointer; line-height:1.5;}
.max_snb_wrap .max_snb .snb-lst li input[type="radio"] + label::before {content:''; position:absolute; top:50%; left:0; width:20px; height:20px; background:#fff; border:1px solid #cfcfcf; border-radius:50%; box-sizing:border-box; transform:translateY(-50%); transition:border-color .2s ease, box-shadow .2s ease;}
.max_snb_wrap .max_snb .snb-lst li input[type="radio"] + label::after {content:''; position:absolute; top:50%; left:5px; width:10px; height:10px; background:#111; border-radius:50%; transform:translateY(-50%) scale(0); transition:transform .2s ease;}
.max_snb_wrap .max_snb .snb-lst li input[type="radio"]:checked + label::before {border-color:#111;}
.max_snb_wrap .max_snb .snb-lst li input[type="radio"]:checked + label::after {transform:translateY(-50%) scale(1);}
.max_snb_wrap .max_snb .snb-lst li input[type="radio"]:checked + label {color:#111; font-weight:600;}
/* snb : product category */
.max_snb_wrap .prod_cate {}
.max_snb_wrap .prod_cate li a {display:flex; align-items: center; justify-content: space-between; width:100%; height:100%; padding:4px 0; box-sizing:border-box;}
.max_snb_wrap .prod_cate li a span {display:block; }
.max_snb_wrap .prod_cate li a em {display:block; text-align:right; color:#b7b7b7; font-size: 13px;}
.max_snb_wrap .prod_cate .category-filter-tree {padding-right:10px; box-sizing:border-box;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-item {margin:0; color:#181818;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-toggle {display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:10px 24px 10px 0; position:relative; text-align:left; color:#181818; font-weight:600; line-height:1.45;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-toggle::after {content:''; position:absolute; top:50%; right:2px; width:8px; height:8px; margin-top:-6px; border-right:1px solid #181818; border-bottom:1px solid #181818; transform:rotate(45deg); transition:transform .2s ease, margin-top .2s ease;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-item.is-open > .category-filter-toggle::after {margin-top:-2px; transform:rotate(225deg);}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-toggle-text {flex:1 1 auto; min-width:0; word-break:keep-all;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-toggle em,
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-option em {flex:0 0 auto; margin-left:12px; float:none; color:#999; font-size:12px; text-align:right;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-children {padding:2px 0 10px;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-list {padding:0; margin:0;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-children > .category-filter-list {margin:10px 0 0 10px; padding-left:10px; border-left:1px solid #efefef;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-item .category-filter-list .category-filter-item {margin-top:2px;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-option {display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:34px; padding:4px 0;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-option label {flex:1 1 auto; min-width:0; color:inherit;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-option label em {display:none !important;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-option .category-filter-label-text {display:block; line-height:1.5; word-break:keep-all;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-option .category-filter-label-count {display:none;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-all {padding:0;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-all label {font-weight:400;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-all .category-filter-label-text {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-item.is-selected > .category-filter-toggle,
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-item.has-selected-descendant > .category-filter-toggle {color:#111;}
.max_snb_wrap .prod_cate .category-filter-tree .category-filter-item.has-selected-descendant > .category-filter-toggle .category-filter-toggle-text { }
.pagewrap.product_list_page:not(.search_result_page) .max_snb_wrap .max_snb .snb-lst li.brand_searchs em {display:block;}
.pagewrap.product_list_page:not(.search_result_page) .max_snb_wrap .prod_cate .category-filter-tree .category-filter-toggle em,
.pagewrap.product_list_page:not(.search_result_page) .max_snb_wrap .prod_cate .category-filter-tree .category-filter-option em {display:block;}
.pagewrap.search_result_page .max_snb_wrap .max_snb .snb-lst li.brand_searchs em,
.pagewrap.search_result_page .max_snb_wrap .prod_cate .category-filter-tree .category-filter-toggle em,
.pagewrap.search_result_page .max_snb_wrap .prod_cate .category-filter-tree .category-filter-option em {display:none !important;}
/* snb : brand */
.max_snb_wrap .brand {}
.max_snb_wrap .brand_sch {width:100%; height:auto; position:relative;}
.max_snb_wrap .brand_sch input {width:100%; height:40px; line-height:40px; padding:0 14px; padding-left:38px; background-color:#f5f5f5; font-size:12px; box-sizing:border-box; border-radius:8px;}
.max_snb_wrap .brand_sch button {display:block; width:24px; height:24px; background:url("../image/common/maxmall_ui_lab_24.png") -48px -96px no-repeat; position:absolute; top:8px; left:8px;}
.max_snb_wrap .brand .scroll-box {margin-top:0px;}
.max_snb_wrap .brand .snb-lst {padding-bottom:0; padding-left:10px; box-sizing:border-box;}
.max_snb_wrap .brand ul.snb-lst label { color:#181818; flex: 1 1; display: flex; align-items: center;}
.max_snb_wrap .brand ul.snb-lst label p { display:flex; flex-direction: column;}
.max_snb_wrap .brand ul.snb-lst label p span.kr {color:#999; font-size:12px;margin-top: -5px;}
.max_snb_wrap .brand ul.dep2 label { color:#666666;}
.max_snb_wrap .brand ul.dep3 label { color:#797979;}
.max_snb_wrap .brand ul.dep4 label { color:#969696;}
/* snb : color */
.max_snb_wrap .color {}
.max_snb_wrap .color .snb-lst {padding-bottom:0; padding-left: 0;}
.max_snb_wrap .color .snb-lst {display:flex; flex-wrap:wrap; gap:0px; padding-right:0; box-sizing:border-box;}
.max_snb_wrap .color .snb-lst li.color-filter-chip {flex:0 0 25%; width:25%; margin:0; padding:0;}
.max_snb_wrap .color .snb-lst li.color-filter-chip input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.max_snb_wrap .color .snb-lst li.color-filter-chip label {display:flex; justify-content:center; align-items:center; width:100%; padding:2px; box-sizing:border-box; cursor:pointer;}
.max_snb_wrap .color .snb-lst li.color-filter-chip .color-filter-item {width:100%; display:flex; flex-direction:column; align-items:center; gap:5px;}
.max_snb_wrap .color .snb-lst li.color-filter-chip .color-filter-swatch-wrap {display:flex; align-items:center; justify-content:center; width:32px; height:32px; border:2px solid #ddd; border-radius:9999px; box-sizing:border-box;}
.max_snb_wrap .color .snb-lst li.color-filter-chip .color-filter-swatch {display:block; width:24px; height:24px; border:1px solid #ddd; border-radius:9999px; box-sizing:border-box; background-size:cover !important;}
.max_snb_wrap .color .snb-lst li.color-filter-chip .color-filter-name {display:-webkit-box; width:100%; min-height:22px; padding:0 3px; margin:3px 0; overflow:hidden; color:#222; font-size:11px; line-height:1; text-align:center; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; box-sizing:border-box;}
.max_snb_wrap .color .snb-lst li.color-filter-chip input[type="checkbox"]:checked + label .color-filter-swatch-wrap {border-color:#333;}
/* */
.max_snb_wrap button.search_apply {display:block; width:100%; height:48px; line-height:48px; box-sizing:border-box; font-weight:600; }
.max_snb_wrap .filter_selected_summary {display:block; margin-top:18px; border:1px solid #e6e6e6; border-radius:12px; background:#fafafa; box-sizing:border-box; overflow:hidden;}
.max_snb_wrap .filter_selected_summary.has-items {display:block;}
.max_snb_wrap .filter_selected_summary.has-items .filter_selected_body { display:block; }
.max_snb_wrap .filter_selected_header {display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 14px 10px; border-bottom:1px solid #dfdfdf; background:#fff;}
.max_snb_wrap .filter_selected_title {margin:0; font-weight:700; color:#222;}
.max_snb_wrap .filter_selected_reset {display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; border:1px solid #d8d8d8; border-radius:999px; background:#fff; color:#666; flex:0 0 auto;}
.max_snb_wrap .filter_selected_reset:hover {border-color:#111; color:#111;}
.max_snb_wrap .filter_selected_reset span {display:block; font-size:14px; line-height:1;}
.max_snb_wrap .filter_selected_body {display:none; min-height:20px; max-height:128px; padding:10px; overflow-y:auto; box-sizing:border-box; border-bottom:1px solid #dfdfdf;}
.max_snb_wrap .filter_selected_chips {display:flex; flex-wrap: wrap; gap:8px;}
.max_snb_wrap .filter-chip {position:relative; display:block; max-width:100%; padding:6px 24px 6px 10px; border:1px solid #d7d7d7; border-radius:8px; background:#fff; color:#333; font-size:13px; line-height:1.45; box-sizing:border-box;}
.max_snb_wrap .filter-chip-label {display:block; min-width:0; white-space:normal; overflow:visible; text-overflow:clip; word-break:break-word;}
.max_snb_wrap .filter-chip-remove {position:absolute; top:3px; right:4px; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; padding:0; border:0; background:transparent; color:#666; font-size:0; line-height:1; cursor:pointer;}
.max_snb_wrap .filter-chip-remove:hover {color:#111;}
.max_snb_wrap .filter-chip-remove-icon {display:block; width:10px; height:10px;}
.max_snb_wrap .filter_selected_footer { background:#fff; }
.pagewrap.product_list_page {--product-filter-width:260px; --product-list-gap:20px; margin-top:0; overflow:visible;}
.pagewrap.product_list_page .product-list-wrap {align-items:flex-start; gap:var(--product-list-gap, 20px);}
.pagewrap.product_list_page .max_snb_wrap {margin-top:0; position:sticky; top:var(--filter-sticky-top, 96px); align-self:flex-start; display:flex; flex-direction:column; flex:0 0 var(--product-filter-width, 260px); max-height:var(--filter-panel-height, calc(100vh - 120px));}
.pagewrap.product_list_page .max_snb_wrap .max_snb {flex:0 0 auto;}
.pagewrap.product_list_page .max_snb_wrap .max_snb .box {max-height:var(--filter-box-max-height, 320px); overflow:hidden;}
.pagewrap.product_list_page .max_snb_wrap .max_snb .scroll-box {height:auto; max-height:var(--filter-brand-list-height, 260px);}
.pagewrap.product_list_page .max_snb_wrap .max_snb:not(.brand) .box {overflow-y:auto; overscroll-behavior:contain; padding:0 6px; box-sizing:border-box;}
.pagewrap.product_list_page .max_snb_wrap .brand .box {padding-right:0;}
.pagewrap.product_list_page .max_snb_wrap .brand .scroll-box {overflow-y:auto; overscroll-behavior:contain;}
.pagewrap.product_list_page .max_snb_wrap button.search_apply,
.pagewrap.product_list_page .max_snb_wrap .filter_selected_summary {flex:0 0 auto;}
.pagewrap.product_list_page .max_snb_wrap .filter_selected_summary {order:1;}
.pagewrap.product_list_page .max_snb_wrap button.search_apply {order:2;}
.pagewrap.product_list_page .max-ajax-loading {position:fixed; left:0; top:0; right:0; bottom:0; z-index:1005; background:rgba(255,255,255,.82); backdrop-filter:blur(2px); cursor:progress; overscroll-behavior:none; touch-action:none;}
.pagewrap.product_list_page .max-ajax-loading .loading-box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:flex; align-items:center; justify-content:center; width:140px; height:140px; margin:0; opacity:.55;}
.pagewrap.product_list_page .max-ajax-loading img {display:block; width:100%; height:100%; object-fit:contain;}
.pagewrap.product_list_page .max-bottom-loading {display:flex; align-items:center; justify-content:center; padding:32px 0 12px;}
.pagewrap.product_list_page .max-bottom-loading img {display:block; width:64px; height:64px; opacity: .5;}
/* category wrap */
#max_cate_wrap { flex:1 1; position:relative; /*width:1104px;*/ padding-bottom:5%;}
#max_cate_wrap.fullmode {width:100%;}
#max_cate_wrap.fullmode .max_prd_lst li { flex: 0 20%; }
#max_cate_wrap.fullmode .max_prd_lst.view_b li { flex:0 49.5%; }
/* sub menu */
.max_smenu {float:left; width:14.85714285714286%; min-width:160px; height:auto; box-sizing:border-box;}
.max_smenu h3, .max_smenu h3 a {font-size:20px; color:#000; letter-spacing:-2px; font-weight:600;}
.max_smenu ul {border-top:1px solid #000; border-bottom:1px solid #ccc; padding:10px 0; margin-top:20px;}
.max_smenu ul li {padding:15px 0;}
.max_smenu ul li .active {color:#000; border-bottom:1px solid #000;}
.max_smenu ul li .nscoupon {display:inline-block; background:#222; width:20px; height:20px; border-radius:20px; line-height:20px; color:#fff; font-size:12px; font-weight:700; text-align:center;}
/* contents */
.max_contents {float:right; width:79.42857142857143%; height:auto; padding-bottom:60px; box-sizing:border-box;}
/* min */
.max_cart_info { padding-bottom:50px; }
.max_cart_info > h4 { padding: 11px 21px; background: #000; color: #FFF; display: inline-block; }
.max_cart_info > ul { display: block; border: 1px solid #000; padding: 24px; }
.max_cart_info > ul > li { list-style-type: disc; list-style-position: inside; padding: 5px 0px 5px; letter-spacing: 0.02em;}
.max_cart_info > ul > li .stroke { text-decoration: underline; font-weight: 600; text-underline-position: under;}
/* pass popup */
#pass_popup {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999;}
#pass_popup .pass_popup_content_wrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; width:400px; padding:24px; text-align:center; border:1px solid #222; z-index:1;}
#pass_popup .pass_popup_title {font-size:22px;}
#pass_popup .pass_popup_content {padding:14px 0; color:#797979; line-height:1.3;}
#pass_popup .pass_popup_input {width:380px; margin:32px auto; text-align:left; border:1px solid #000; border-left:none; border-right:none;}
#pass_popup .pass_popup_input li {margin:14px 0;}
#pass_popup .pass_popup_input input {width:246px; height:auto; padding:15px; border:1px solid #d8d8d8; box-sizing:border-box;}
#pass_popup .pass_popup_input label {width:120px; display:inline-block;}
#pass_popup .pass_popup_btns {}
#pass_popup .pass_popup_btns button, #pass_popup .pass_popup_btns a {display: inline-block; height: auto; padding: 13px 15px; background: #fff; border: 1px solid #000; font-size: 13px; color: #000;}
#pass_popup .pass_popup_content_background {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5);}
/* custom select box */
.max_form_select_wrap { width:100%; vertical-align:middle; position:relative; overflow:visible; display:inline-block; zoom:1; *display:inline; box-sizing:border-box; border-radius:8px; background:#fff; width:100%; }
.max_form_select_wrap.disabled { background:#f1f1f1; }
.max_form_select_title_label { width:100%; text-align:left; padding:1em 2em 1em 1.25em; display:inline-block; zoom:1; *display:inline; box-sizing:border-box; cursor: pointer;}
.max_form_select_btn { position:absolute; right:0; top:0; bottom:0; width:2em; height:100%; display:inline-block; zoom:1; *display:inline; border-top:0 !important; border-bottom:0; background:url("/admin/image/sel_arr_b.gif") center no-repeat;}
.max_form_select_scroll { position:fixed; left:-1px; right:-1px; top:100%; border:1px solid #d7d7d7; background:#FFF; z-index:9999; box-sizing:border-box; border-radius:8px; max-height:20em; overflow-y:scroll; overscroll-behavior-y: contain;}
.max_form_select_scroll ul.max_form_select_scroll_wrap { position:relative; overflow:hidden; }
.max_form_select_scroll ul.max_form_select_scroll_wrap li{ margin:0; padding:1em 1.5em; vertical-align:middle; text-align:left; float:none; font-size:1em; box-sizing:border-box;}
.max_form_select_scroll ul.max_form_select_scroll_wrap li.selected { background:#f5f5f5; font-weight:600}
.max_form_select_scroll ul.max_form_select_scroll_wrap li:hover { background:#f5f5f5; }
.max_form_select_scroll ul.max_form_select_scroll_wrap li.disabled { background:#f5f5f5; color:#999; }
.max_form_select_scroll::-webkit-scrollbar{ width:8px; }
.max_form_select_scroll::-webkit-scrollbar-track{ background:none; border-radius:8px; }
.max_form_select_scroll::-webkit-scrollbar-thumb{ background:#999; border-radius:4px; }
.max_form_select_wrap .max_form_select_title {display:flex; align-items:center; gap:12px; min-height:48px; padding:0 16px; border:1px solid #d7d7d7; border-radius:8px; background:#fff; box-sizing:border-box; cursor:pointer;}
.max_form_select_wrap .max_form_select_title_label {flex:1 1 auto; margin:0; color:#222; line-height:1.4;}
.max_form_select_wrap .max_form_select_btn {position:relative; flex:0 0 18px; width:18px; height:18px; padding:0; border:0; background:transparent;}
.max_form_select_wrap .max_form_select_btn:before {content:''; position:absolute; top:50%; left:50%; width:6px; height:6px; margin:-5px 0 0 -3px; border-right:1px solid #222; border-bottom:1px solid #222; transform:rotate(45deg); transition:transform .2s ease;}
.max_form_select_wrap .max_form_select_scroll {display:none; position:fixed; left:0; top:0; background:#fff; border:1px solid #d7d7d7; border-radius:8px; box-shadow:0 18px 36px rgba(0,0,0,.12); overflow:hidden; box-sizing:border-box; background-clip:padding-box; z-index:200;}
.max_form_select_wrap.open-upward .max_form_select_scroll {top:auto; bottom:calc(100% + 2px);}
.max_form_select_wrap .max_form_select_scroll_wrap {display:block; width:100%; height:100%; margin:0; padding:4px; list-style:none; box-sizing:border-box; overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; scrollbar-gutter:stable;}
.max_form_select_wrap .max_form_select_scroll_wrap li {float:none; width:100%; margin:0; padding:12px 16px; box-sizing:border-box; font-color:#222; cursor:pointer; border-radius:6px;}
.max_form_select_wrap .max_form_select_scroll_wrap li.selected {background:#f5f5f5; font-weight:600;}
.max_form_select_wrap .max_form_select_scroll_wrap li.disabled {color:#999; cursor:default;}
.max_form_select_wrap.is-open .max_form_select_title { }
.max_form_select_wrap.is-open .max_form_select_btn:before {transform:rotate(225deg); margin-top:-1px;}
.max_form_select_wrap.disabled .max_form_select_title {background:#f5f5f5; color:#999; cursor:default;}
.max_form_select_wrap.disabled .max_form_select_btn:before {border-color:#aaa;}