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

#max_wrap {width:100%; min-width:1440px;}
/* header */
#max_header {width:100%; height:auto; padding:24px 0;}
#max_header:after {content:''; display:block; clear:both;}
#max_header .inner {width:1440px; height:auto; margin:0 auto; position:relative;}
#max_header .logo {float:left; width:160px; }

/* header : gnb */
#max_header > .inner {display:flex;justify-content: space-between; align-items: center;}
.gnb_box {float:right; width:260px; font-size:13px;}
.gnb_box > ul {display:flex;}
.gnb_box > ul > li {margin-left:15px; position:relative;display: flex; align-items: center;}
.gnb_box > ul > li > a {display:flex; align-items:center;text-align: center;}
.gnb_box > ul > li > a > mark  {position: absolute; top:-12px;font-size: 12px ;white-space: pre; width: 100%;}
.gnb_box > ul > li > a > i {width:48px; height:48px; margin:0 auto; background-image:url("../image/tktire/ui_lab_48.png");}
.gnb_box > ul > li > a .ico_user {background-position:0 0;}
.gnb_box > ul > li > a .ico_today {background-position:-48px 0;}
.gnb_box > ul > li > a .ico_cart {background-position:-96px 0;}
.gnb_box > ul > li > a .ico_store {background:url(../image/go_shop.svg) no-repeat center / 70%;}
.gnb_box > ul > li > a span[class^="ns"] {display:block; width:20px; height:20px; line-height:20px; position:absolute; font-weight:700; font-size:13px;}
.gnb_box > ul > li > a .nstoday {color:#f4a000; bottom:7px; right:0; text-align:center;}
.gnb_box > ul > li > a .nscart {border-radius:100%; background-color:#f4a000; color:#fff; text-align:center; top:8px; right:0;}
.gnb_box > ul > li.btn_adm a { color:#ad0644; font-weight:600; }
.gnb_box > ul > li > a .ico_adm {background-position:0px -120px;}

.gnb_box > ul > li > .bt_login {position:relative;}
.gnb_box > ul > li > .bt_login .bubble {display:inline-block; padding:4px 8px; border-radius:4px; background-color:#f4a000; font-family:'Malgun Gothic'; font-size:12px; position:absolute; bottom:-17px; left:0;}
.gnb_box > ul > li > .bt_login .bubble:before{content:''; height:0; width:0; display:block; border:5px transparent solid; border-top-width:0; border-bottom-color:#f4a000; position:absolute; top:-5px; left:19px;}

/* header : lnb */
.max_lnb { height:auto;}
.max_lnb:after {content:''; display:block; clear:both;}
.max_lnb ul {text-align:center; font-weight:500;}
.max_lnb ul > li {float:left; position:relative;}
.max_lnb ul > li a {display:block; padding:15px 27px; position:relative;}
.max_lnb ul > li .active {color:#f4a000;}
.max_lnb ul > li .cate_snb_lst {display:none; width:180px; height:auto; padding:8px 0; background-color:#f4a000; font-weight:400; font-size:16px; position:absolute; top:48px; z-index:99;}
.max_lnb ul > li .cate_snb_lst li {float:none;}
.max_lnb ul > li .cate_snb_lst li a {padding:12px; color:#fff;}
.max_lnb ul > li .cate_snb_lst li a:hover {color:#fff !important; text-decoration:underline;}
.max_lnb ul > li:hover .cate_snb_lst {display:block;}

.max_lnb ul > li:nth-child(1) .cate_snb_lst {left:-16px;}
.max_lnb ul > li:nth-child(4) .cate_snb_lst {left:-32px;}
.max_lnb ul > li:nth-child(5) .cate_snb_lst {left:-24px;}
.max_lnb ul > li:nth-child(7) .cate_snb_lst {left:-32px;}

/* header : gnb : tooltip layer */
.tooltip_layer {width:128px; height:auto; position:absolute; top:45px; left:0; z-index:50; background-color:#fff; border:1px solid #e5e5e5; padding:14px; text-align:left;}
.tooltip_layer ul {font-family:'Malgun Gothic'; font-size:12px;}
.tooltip_layer ul li {}
.tooltip_layer ul li a {display:block; padding:4px 0;}
.tooltip_layer .btn_admin {color:#d93636; font-weight:bold;}
.tooltip_layer .mypage-menu {border-top:1px solid #e5e5e5; padding-top:8px; margin-top:8px;}

/* size layer popup */
.size_layer {width:640px; height:320px; padding:32px; position:absolute; top:225px; right:20px; background:url("../image/tktire/bg_size_layer.jpg") bottom right no-repeat #fff; border-radius:16px; overflow:hidden; z-index:2; border:1px solid #eee;}
.size_layer h4 {font-weight:700; font-size:22px;}
.size_layer p {color:#8b8482; line-height:1.3; margin-top:16px;}
.size_layer p:nth-child(2) {}
.size_layer p:nth-child(3) {font-weight:500; font-size:40px; color:#150e0c; margin-top:36px;}
.size_layer p:nth-child(3) em {display:inline-block; text-align:center;}
.size_layer p:nth-child(3) em mark {position:relative; z-index:1;}
.size_layer p:nth-child(3) em mark:after {content:''; display:inline-block; width:100%; height:38px; background-color:#f7b840; position:absolute; top:8px; left:0; z-index:-1;}
.size_layer p:nth-child(3) em span {display:block; font-weight:400; font-size:18px; color:#f4a000;}
.size_layer p:nth-child(3) em:nth-child(1) {width:75px;}
.size_layer p:nth-child(3) span {display:inline-block; vertical-align:top;}
.size_layer p:nth-child(4) {font-size:15px;}
.size_layer button {position:absolute; top:24px; right:24px; font-size:0;}

/* quick */
#max_quick {width:64px; height:auto; position:fixed; bottom:120px; right:48px; z-index:2;}
#max_quick .quick-advice {display:block; width:64px; height:64px; padding:8px; border-radius:100%; background-color:#f4a000; font-size:0;}
#max_quick .quick-advice i {display:block; width:48px; height:48px; background:url("../image/tktire/ui_lab_48.png") -96px -48px no-repeat;}
#max_quick .tool_tip {display:none; width:220px; height:72px; padding:16px; border-radius:8px; background-color:#f4a000; font-size:15px; line-height:1.3; position:absolute; bottom:80px; right:0;}
#max_quick .tool_tip:after {content:''; display:block; width:0; height:0; border:6px transparent solid; border-bottom-width:0; border-top-color:#f4a000; position:absolute; bottom:-6px; right:27px;}
#max_quick .tool_tip .tool_close {position:absolute; top:8px; right:8px; color:#fff !important; font-size:0;}

#max_quick .advice-detail {position:absolute; bottom:0; right:0;}
#max_quick .advice-detail ul {width:100%; height:auto;}
#max_quick .advice-detail ul li {position:relative; margin-bottom:8px;}
#max_quick .advice-detail ul li a {display:block;}
#max_quick .advice-detail ul li a i {display:block; width:64px; height:64px; border-radius:100%; background:url("../image/tktire/ui_lab_48.png") no-repeat #fff; border:1px solid #d7d7d7;}
#max_quick .advice-detail ul li a span {display:none; width:96px; padding:8px; font:bold 12px 'Malgun Gothic'; letter-spacing:-1px; color:#fff; background-color:#554743; border-radius:50px; position:absolute; top:50%; right:72px; transform:translateY(-50%); text-align:center;}
#max_quick .advice-detail ul li:nth-child(1) a i {background-position:-88px -90px;}
#max_quick .advice-detail ul li:nth-child(2) a i {background-position:-88px -138px;}
#max_quick .advice-detail ul li:nth-child(3) a i {background-position:7px -136px;}
#max_quick .advice-detail ul li a:hover span {display:block;}
#max_quick .advice-detail .ad-close {width:64px; height:64px; padding:16px; border-radius:100%; background-color:#f4a000; font-size:0; color:#fff;}
#max_quick .advice-detail .ad-close .ico_close {width:32px; height:32px;}
#max_quick .advice-detail .ad-close .ico_close:before, 
#max_quick .advice-detail .ad-close .ico_close:after {width:30px; height:2px; top:15px; left:1px;}

/* advice-layer */
.advice-layer {width:100%; height:100%;}
.advice-layer:before {content:''; display:block; width:inherit; height:inherit; background-color:rgba(0,0,0,.5); position:fixed; top:0; left:0; z-index:12;}
.advice-layer .inner {width:100%; max-width:600px; padding:64px; margin:0 auto; position:fixed; top:50%; left:50%; z-index:13; transform:translate(-50%, -50%); background-color:#fff; text-align:center;}
.advice-layer .inner > p {color:#8b8482; margin-top:24px;}
.advice-layer .inner fieldset {width:408px; height:auto; margin:0 auto; text-align:left;}
.advice-layer .inner fieldset ul {width:100%; height:inherit; margin-top:24px;}
.advice-layer .inner fieldset ul:after {content:''; display:block; clear:both;}
.advice-layer .inner fieldset ul li {float:left; width:100%; margin-top:8px;}
.advice-layer .inner fieldset ul li:nth-child(1) {float:left; width:48.66%;}
.advice-layer .inner fieldset ul li:nth-child(2) {float:right; width:48.66%;}
.advice-layer .inner fieldset ul li input {width:100%; color:#8b8482;}
.advice-layer .inner fieldset p {margin:24px 0;}
.advice-layer .inner fieldset button {width:100%; height:64px; padding:0 48px; background-color:#f4a000; color:#fff; text-align:left; font-weight:500; border-radius:50px; position:relative;}
.advice-layer .inner fieldset button i {display:block; width:48px; height:48px; background:url("../image/tktire/ui_lab_48.png") -48px -48px no-repeat; position:absolute; bottom:8px; right:24px;}
.advice-layer .inner fieldset button:hover {background-color:#150e0c;}
.advice-layer .inner .bt_size_layer {width:408px; height:auto; margin:24px auto 0; text-align:right;}
.advice-layer .inner .bt_size_layer a {display:inline-block; padding:5px 0; line-height:24px; font-size:16px;}
.advice-layer .inner .bt_size_layer a:after {content:''; display:block; width:100%; height:1px; margin-top:5px; background-color:#dcdad9;}
.advice-layer .inner .bt_size_layer a i {display:inline-block; width:24px; height:24px; border-radius:100%; background-color:#8b8482; color:#fff; text-align:center;}
.advice-layer .inner .advice-close {position:absolute; top:40px; right:32px; font-size:0;}
.advice-layer .inner .advice-close .ico_close {width:40px; height:40px;}
.advice-layer .inner .advice-close .ico_close:before, .advice-layer .inner .advice-close .ico_close:after {width:100%; height:3px;}

.advice-layer .size_layer {width:440px; height:240px; top:261px; right:96px; z-index:99; text-align:left; border:1px solid #d7d7d7; background-size:200px;}
.advice-layer .size_layer p {font-size:16px;}
.advice-layer .size_layer p:nth-child(3) {font-size:30px; margin-top:18px;}
.advice-layer .size_layer p:nth-child(3) em mark:after {height:27px;}
.advice-layer .size_layer p:nth-child(3) em:nth-child(1) {width:60px;}
.advice-layer .size_layer p:nth-child(3) em span {font-size:16px;}

/* footer */
#max_footer {width:100%; height:auto; padding:24px 0 48px; font-size:15px; background-color:#3a3a3a; color:#797979; text-align:center;}
#max_footer .inner {width:1280px; height:auto; margin:0 auto;}
#max_footer .inner ul {width:100%; height:auto;}
#max_footer .inner ul li {display:inline-block; padding-right:24px;}
#max_footer .inner ul li:nth-child(4) {color:#fff;}
#max_footer .inner ul li:last-child a {display:inline-block; padding:8px 16px; border-radius:50px; background-color: #ffb000; color:#3a3a3a;}
#max_footer .inner address {display:block; padding-top:32px; line-height:1.6;}
#max_footer .inner address em {display:block;}
#max_footer .inner address span {display:inline-block; font-size:0; width:16px;}
#max_footer .inner address strong {font-weight:700; font-size:16px; color:#ffb000;}
#max_footer .inner address a {text-decoration:underline;}
#max_footer .inner p {border-top:1px solid #575757; padding-top:32px; margin-top:32px;}
#max_footer .inner cite {display:block; margin-top:24px; text-transform:uppercase;}

/* top button */
.bt_page_up {width:64px; height:64px; padding:8px; border-radius:100%; border:1px solid #d7d7d7; background-color:#fff; position:fixed; bottom:48px; right:48px; z-index:10; font-size:0;}
.bt_page_up i {display:inline-block; width:48px; height:48px; background:url("../image/tktire/ui_lab_48.png") -48px -144px no-repeat;}

/* container */
#max_container {width:100%; min-width:1366px; height:auto; position:relative; background-color:#f4f4f4;}
#max_container:after {content:''; display:block; clear:both;}
/* sub layout */
.pagewrap {width:1296px; height:auto; padding:24px 0 100px; margin:0 auto; position:relative;}
.pagewrap:after {content:''; display:block; clear:both;}
.max_shop_page {width:1306px; height:auto; padding:0 13px; margin:10px auto 0; position:relative;}
.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:#ed145b;}

/* snb : common */
.max_snb_wrap {float:left; width:240px; height:auto; overflow:hidden; padding:24px; margin-top:64px; border-radius:16px; background-color:#fff;}
.max_snb_wrap .max_snb {border-bottom:1px solid #d5dbdf;}
.max_snb_wrap .max_snb > button {display:block; width:100%; height:auto; padding:16px 0; text-align:left; letter-spacing:-1px; font-weight:500; 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:14px; 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;}

/* 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;}
.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-right:16px;}

/* 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;}
/*  */
.max_snb_wrap button.search_reset {display:block; width:100%; height:48px; line-height:48px; font-size:15px; letter-spacing:-1px; margin-top:24px; background-color:#8b8482; color:#fff; border-radius:50px;}
.max_snb_wrap button.search_reset:hover {background-color:#3a3a3a;}

/* category wrap */
#max_cate_wrap {float:right; width:980px; padding-bottom:5%; margin-top:64px;}
#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:190px; 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:#f4a000; border-bottom:2px solid #f4a000; font-weight:500;}
.max_smenu ul li .nscoupon {display:inline-block; vertical-align:top; background:#222; width:20px; height:20px; border-radius:20px; line-height:20px; color:#fff; font-size:12px; font-weight:700; text-align:center;}
.max_smenu ul li .active .nscoupon {background:#f4a000;}

/* contents */
.max_contents {float:right; width:1030px; 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:8px; 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;  }
.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:10em; 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; }