/*# sourceURL=../css/layout.css */
/*@ sourceURL=../css/layout.css */
@charset "utf-8";

#max_wrap {width:100%; min-width:1382px;}
/* header */
#max_header {width:100%; height:auto; padding:42px 0 24px;}
#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; border-bottom:1px solid #000; box-sizing:border-box; position:relative;}
.sch_box input {display:block; width:calc(100% - 24px); height:auto; padding:8px 0; box-sizing:border-box; letter-spacing:-1px;}
.sch_box button {width:25px; height:24px; background:url("../image/common/ico_search.png") center no-repeat; font-size:0; position:absolute; top:0; right:0;}

/* header : gnb */
.gnb_box {position:absolute; top:20px; right:0; font-size:13px;}
.gnb_box > ul {}
.gnb_box > ul > li {float:left; margin-left:16px; position:relative;}
.gnb_box > ul > li > a {display:flex; align-items:center; padding:4px 0 8px;}
.gnb_box > ul > li > a > i {width:24px; height:24px; margin:0 4px;}
.gnb_box > ul > li:last-child {margin-left:0;}
.gnb_box > ul > li:last-child > a {padding-top:0;}
.gnb_box > ul > li > a .nscart {display:inline-block; vertical-align:top; width:20px; height:20px; padding:2px 0; margin-left:4px; border-radius:100%; background-color:#f96430; color:#fff; text-align:center; font:bold 11px 'Verdana'; box-sizing:border-box;}

.gnb_box > ul > li.btn_adm a { color:#ad0644; font-weight:600; }
.gnb_box > ul > li > a .ico_adm {background-position:0px -120px;}

/* header : gnb : tooltip layer */
.tooltip_layer {width:96px; height:auto; position:absolute; top:24px; left:-16px; z-index:50; background-color:#fff; border:1px solid #e5e5e5; padding:14px; box-sizing:border-box; font-size:12px;}
.tooltip_layer ul {}
.tooltip_layer ul li {}
.tooltip_layer ul li a {display:block; padding:4px 0;}

/* header : lnb */
.max_lnb {width:100%; height:auto; margin-top:48px; text-transform:uppercase; font-weight:700; font-size:20px;}
.max_lnb:after {content:''; display:block; clear:both;}
.max_lnb ul {text-align:center;}
/* .max_lnb li {float:left; width:96px; box-sizing:border-box;} */
.max_lnb li {float:left; /* width:96px; */ box-sizing:border-box;}
.max_lnb li a {display:block; padding:0 20px; 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 {float:left; margin-left:-20px;}
.max_lnb .lnb_cate ul {float:left;}
.max_lnb .lnb_cate ul li {}
.max_lnb .lnb_cate ul li a {}

.max_lnb .lnb_cate_one {/* float:right; */} 
.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_brand {overflow:hidden; color:#797979; font-size:13px; letter-spacing:0;}
.max_brand .inner {height:auto; padding:48px 28px; position:absolute !important; top:170px; left:50%; margin-left:-685px !important; z-index:11; border:1px solid #000; background-color:#fff; box-sizing:border-box;}
/*
.max_brand:after {content:''; display:block; width:100%; height:100%; background-color:rgba(0,0,0,.75); position:fixed; top:147px; left:0; z-index:10;}
*/
#max_brand_back {display:block; width:100%; height:100%; background-color:rgba(0,0,0,.75); position:fixed; top:170px; left:0; z-index:10;}

.max_brand a {display:inline-block; width:72px; height:32px; line-height:30px; text-align:center; border:1px solid #d7d7d7; border-radius:50px; font-size:12px; box-sizing:border-box;}
.max_brand a:hover {color:#181818; border-color:#181818;}

.max_brand .brand_sch {float:left; width:180px; height:32px; line-height:32px; border-radius:50px; background-color:#f0f0f0; box-sizing:border-box;}
.max_brand .brand_sch input {float:left; width:calc(100% - 32px); height:32px; background:none; padding-left:14px; box-sizing:border-box;}
.max_brand .brand_sch button {float:left; display:block; width:24px; height:24px; margin-top:3px; background:url("../image/common/maxmall_ui_lab_24.png") -48px -96px no-repeat; font-size:0;}

.max_brand .brand_menu {float:right; width:1050px; height:auto; position:relative; box-sizing:border-box;}
.max_brand .brand_menu .name-letter {float:right; width:auto; height:auto; margin-right:155px;}
.max_brand .brand_menu .name-letter li {display:inline-block;}
.max_brand .brand_menu .name-letter li .active {color:#fff; background-color:#181818; border:1px solid #181818;}
.max_brand .brand_menu .letter-box {float:right; margin-right:14px;}
.max_brand .brand_menu .letter-box .bookmark {float:left; margin-top:4px;}
.max_brand .brand_menu .letter-box .name-lst {float:left;}
.max_brand .brand_menu .letter-box .name-lst li {display:inline-block; line-height:32px;}
.max_brand .brand_menu .letter-box .name-lst li button {padding:0 5.5px; font-family:'Roboto', 'Malgun Gothic', sans-serif; color:#797979;}
.max_brand .brand_menu .letter-box .name-lst li button:hover {color:#ff5715;}
.max_brand .brand_menu .letter-box .name-lst li .active {color:#ff5715; font-weight:700;}
.max_brand .brand_menu .brand-lnk {position:absolute; top:0; right:0;}
.max_brand .brand_menu .brand-lnk .bt_mybrand {color:#ff5715; border-color:#ff5715;}

.max_brand .brand_lst_wrap {float:left; width:100%; height:auto; 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; font-size:13px;}
.max_brand .brand_lst_wrap ul {display:flex;flex-wrap: wrap; }
.max_brand .brand_lst_wrap ul li {float:left; width:16.66%; margin:3px 0; display:flex;}
.max_brand .brand_lst_wrap ul li .bookmark {display:block; float:left;}
.max_brand .brand_lst_wrap ul li a {display:block; float:left; line-height:25px; white-space: nowrap; letter-spacing: -0.03em;}

.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 */
#max_quick {width:64px; height:auto; position:fixed; bottom:96px; right:140px; z-index:2;}
#max_quick .quick_btn_bar {width:inherit; height:inherit;}
#max_quick .quick_btn_bar a, #max_quick .quick_btn_bar button {display:block; width:64px; height:64px; background:url("../image/common/ico_quick.png") 0 0 no-repeat; font-size:0; margin-top:6px;}
#max_quick .quick_btn_bar .bt_insta {background-position:0 -70px;}
#max_quick .quick_btn_bar .bt_page_up {background-position:0 -140px;}

/* footer */
#max_footer {width:100%; height:auto; margin:96px auto; font-size:13px;}
#max_footer .buyest_bn {width:100%; height:350px;}
#max_footer .buyest_bn li {float:left; width:50%; min-width:683px; height:inherit; background-color:#fbfaf8; text-align:right;}
#max_footer .buyest_bn li a {display:block; width:100%; height:100%; position:relative; overflow:hidden;}
#max_footer .buyest_bn li:last-child {background-color:#f5f7f7; text-align:left;}

#max_footer .ctm_box {width:1366px; height:auto; overflow:hidden; margin:96px auto 0;}


#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:36px; letter-spacing:0; padding-top:8px;}
#max_footer .cs_center em {color:#797979;}

#max_footer .bank_info {float:left; width:348px; padding-top:32px;}
#max_footer .bank_info p {font-size:22px; font-weight:700; color:#181818;}
#max_footer .bank_info em {display:block; font-size:16px; line-height:1.6; margin-top:14px;}


#max_footer .help_menu {float:left; width:448px; 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; 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 {width:1366px; height:auto; border-top:1px solid #e5e5e5; padding-top:32px; margin:32px auto 0;}
#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; padding:48px 0 0; margin:0 auto; position:relative; overflow:hidden; box-sizing:border-box;}
.max_shop_page {width:1366px; height:auto; padding-bottom:100px; margin:48px auto;}
.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:block; position:absolute; top:80px; left:0; text-transform:uppercase; font-size:14px; letter-spacing:0; padding:8px 0;}
.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 {color:#ff5715;}

/* snb : common */
.max_snb_wrap {float:left; width:240px; height:auto; overflow:hidden; margin-top:64px; border-top:1px solid #000;}
.max_snb_wrap .max_snb {border-bottom:1px solid #d7d7d7;}
.max_snb_wrap .max_snb > button {display:block; width:100%; height:auto; padding:16px 0; 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:0;}
.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:153px; margin-bottom:14px; /*overflow-y:scroll; 2020.05.29 - simplebar use */ }
.max_snb_wrap .max_snb .snb-lst {width:100%; height:auto; padding-bottom:14px; font-size:13px; letter-spacing:0; color:#636363; }
.max_snb_wrap .max_snb .snb-lst li {margin:8px 0;/* padding-right:16px;*/}
.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;}
.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;}


/* snb : product category */
.max_snb_wrap .prod_cate {}
.max_snb_wrap .prod_cate li a {display:block; width:100%; height:100%; padding:4px 0; box-sizing:border-box;}
.max_snb_wrap .prod_cate li a:after {content:''; display:block; clear:both;}
.max_snb_wrap .prod_cate li a span {display:block; float:left;}
.max_snb_wrap .prod_cate li a em {display:block; float:right; text-align:right; color:#b7b7b7;}
/* 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;}
.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:20px;}
.max_snb_wrap .brand .snb-lst {padding-bottom:0; padding-right:16px; box-sizing:border-box;}

.max_snb_wrap .brand ul.snb-lst label { color:#181818;}
.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;}
.max_snb_wrap .color .snb-lst li label {display:flex;}
.max_snb_wrap .color .snb-lst li label span {display:block; width:20px; height:20px; margin:-2px 8px 0 0; border:1px solid #ebebeb; box-sizing:border-box;}
/*  */
.max_snb_wrap button.search_reset {display:block; width:100%; height:48px; line-height:48px; letter-spacing:-1px; margin-top:24px; border:1px solid #000; box-sizing:border-box;}
.max_snb_wrap button.search_reset:hover {border:1px solid currentColor; color:#ff5715;}

/* category wrap */
#max_cate_wrap {float:right; width:1104px; padding-bottom:5%;}
#max_cate_wrap.fullmode {width:100%;}
#max_cate_wrap.fullmode .max_prd_lst li {padding:0 .48% 48px;}

/* 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:30px; color:#000; letter-spacing:-2px;}
.max_smenu ul {border-top:1px solid #000; border-bottom:1px solid #ccc; padding:15px 0; margin-top:30px;}
.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 { vertical-align:middle; position:relative; overflow:visible; border:1px solid #d7d7d7; display:inline-block; zoom:1; *display:inline; box-sizing:border-box; border-radius:2px; background:#fff; width:100%; }
.max_form_select_wrap.disabled { background:#f1f1f1; }
.max_form_select_title {  vertical-align:middle; position:relative; overflow:hidden; }

.max_form_select_title_label { text-align:left; padding:.75em 2em .75em 1.25em; display:inline-block; zoom:1; *display:inline; box-sizing:border-box; }
.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; border-left:1px solid #ccc; background:url("/admin/image/sel_arr_b.gif") center no-repeat;}
.max_form_select_scroll { position:absolute; left:-1px; right:-1px; top:2.5em;  border:1px solid #d7d7d7; background:#FFF; z-index:2; box-sizing:border-box; border-radius:.25em; max-height:20em; overflow-y:scroll;}
.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:#eee; }
.max_form_select_scroll ul.max_form_select_scroll_wrap li:hover { background:#eee; }