@charset "utf-8";
@import url("../c_css/bootstrap-icons.css");
:root {
	--mbs-keycolor: #0076d9;
	--mbs-subcolor: #222222;
	--mbs-red: #ea4f3d;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(../fonts/Pretendard-Black.woff2) format('woff2'), url(../fonts/Pretendard-Black.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(../fonts/Pretendard-ExtraBold.woff2) format('woff2'), url(../fonts/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(../fonts/Pretendard-Bold.woff2) format('woff2'), url(../fonts/Pretendard-Bold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(../fonts/Pretendard-SemiBold.woff2) format('woff2'), url(../fonts/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../fonts/Pretendard-Medium.woff2) format('woff2'), url(../fonts/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../fonts/Pretendard-Regular.woff2) format('woff2'), url(../fonts/Pretendard-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(../fonts/Pretendard-Light.woff2) format('woff2'), url(../fonts/Pretendard-Light.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(../fonts/Pretendard-ExtraLight.woff2) format('woff2'), url(../fonts/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(../fonts/Pretendard-Thin.woff2) format('woff2'), url(../fonts/Pretendard-Thin.woff) format('woff');
} 
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Condensed'), url('../fonts/RobotoCondensed-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Condensed'), url('../fonts/RobotoCondensed-Bold.woff') format('woff');
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('../fonts/GmarketSansBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('../fonts/GmarketSansMedium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('../fonts/GmarketSansLight.woff') format('woff');
    font-weight: 100;
    font-style: normal;
} 
.roboto-condensed {
  font-family: 'Roboto Condensed',sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
 
body, html { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;   margin: 0; padding: 0; margin: 0; padding: 0; color: #000; font-size: 14px; scrollbar-face-color: #4d4d4d; scrollbar-3dlight-color : #f4f4f4; ; scrollbar-arrow-color: #000; scrollbar-track-color: #efefef; scrollbar-darkshadow-color : #efefef; scrollbar-highlight-color : #f4f4f4; scrollbar-shadow-color : #cccccc; }

::-webkit-scrollbar {
width: 8px;
height: 8px;
border: 3px solid #fff;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
display: block;
height: 10px;
background: #efefef
}
::-webkit-scrollbar-track {
background: #efefef;
-webkit-border-radius: 10px;
border-radius:10px;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)
}
::-webkit-scrollbar-thumb {
height: 50px;
width: 50px;
background: rgba(0,0,0,.2);
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)
}
::-webkit-input-placeholder {
 color:#bfbfbf
}
:-ms-input-placeholder {
 color:#bfbfbf
}
input:-ms-input-placeholder {
 color: #bfbfbf;
}
::-moz-placeholder {
 color:#bfbfbf;
opacity:1
}
:-moz-placeholder {
 color:#bfbfbf;
opacity:1
} 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
 -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
 -webkit-transition-delay: 9999s;
 -webkit-box-shadow: 0 0 0px 1000px transparent inset;
}
textarea:focus, input:focus, input:-internal-autofill-selected, select:focus {
outline: 0;
outline: none;
}
input:focus::-webkit-input-placeholder {
color:transparent;
}
input:focus:-moz-placeholder {
color:transparent;
}
input:focus::-moz-placeholder {
color:transparent;
}
input:focus:-ms-input-placeholder {
color:transparent;
}
textarea:focus::-webkit-input-placeholder {
color:transparent;
}
textarea:focus:-moz-placeholder {
color:transparent;
}
textarea:focus::-moz-placeholder {
color:transparent;
}
textarea:focus:-ms-input-placeholder {
color:transparent;
}
 input::-webkit-input-placeholder {
color: #adadad;
}
input:-moz-placeholder {
color: #adadad;
}
input::-moz-placeholder {
color: #adadad;
}
input:-ms-input-placeholder {
color: #adadad;
}
textarea::-webkit-input-placeholder {
color: #adadad;
}
textarea:-moz-placeholder {
color: #adadad;
}
textarea::-moz-placeholder {
color: #adadad;
}
textarea:-ms-input-placeholder {
color: #adadad;
}
input:-webkit-autofill-selected {
-webkit-text-fill-color: transparent !important;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}
input[type="date"] {padding-right: 10px;}

textarea:focus, input:focus { outline: none; }
div, table, tr, th, td, form, fieldset, textares, p { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
img, fieldset, table { border: 0; }
hr, legend, caption { display: none; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
button { cursor: pointer; }
/* for layout */
select, input { color: #333; border: 1px solid #cccccc; }
textarea { color: #333; border: 1px solid #cccccc; }
.txt_left { text-align: left !important; }
.txt_right { text-align: right !important; }
.txt_center { text-align: center !important; }
.text_normal { font-weight: normal !important; }
.txt_blue { color: #0076d9 !important; }
.txt_orange { color: #F30 !important; }
.txt_red { color: #DA304F !important; }
.txt_grey { color: #cccccc !important; }
.txt_gray { color: #999 !important; }
.txt_yellow { color: #ffcc33 !important; }
.txt_black { color: #000000 !important; }
.txt_white { color: #ffffff !important; }
.cursor { cursor: pointer; }
.bg_gray { background: #f0f0f0 }
.font_normal { font-weight: normal}
.font_12 { font-size: 12px; }
.font_14 { font-size: 14px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
.font_21 { font-size:21px;}
.font_26 { font-size:26px;}
.font_29 { font-size:29px;}
table.cursor th { cursor: default; }
table.cursor td { cursor: pointer; }
.wid20 { width: 20px; }
.wid30 { width: 30px; }
.wid50 { width: 50px; }
.wid65 { width: 65px; }
.wid70 { width: 70px; }
.wid75 { width: 75px; }
.wid80 { width: 80px; }
.wid90 { width: 90px; }
.wid100 { width: 100px; }
.wid100p { width: 100%; display: block; }
.wid110 { width: 100px; }
.wid120 { width: 120px; }
.wid140 { width: 140px; }
.wid150 { width: 150px; }
.wid180 { width: 180px; }
.wid170 { width: 170px; }
.wid200 { width: 200px; }
.wid250 { width: 250px; }
.wid280 { width: 280px; }
.wid300 { width: 300px; }
.wid400 { width: 400px; }
.wid450 { width: 450px; }
.wid500 { width: 500px; }
.wid540 { width: 540px; }
.wid580 { width: 580px; }
.wid600 { width: 600px; }
.wid700 { width: 700px; }
.wid20, .wid30, .wid40, .wid50, .wid65, .wid70, .wid80, .wid90, .wid100, .wid110, .wid120, .wid140, .wid150, .wid170, .wid75, .wid180, .wid200, .wid250, .wid280, .wid300, .wid400, .wid450, .wid500, .wid540, .wid580, .wid600, .wid70 { display: inline-block !important; }
.gap_70 { height: 70px; }
.gap_55 { height: 55px; }
.gap_50 { height: 50px; }
.gap_40 { height: 40px; }
.gap_20 { height: 20px; }
.gap_25 { height: 25px; }
.gap_30 { height: 30px; }
.gap_15 { height: 15px; }
.gap_10 { height: 10px; font-size: 0; }
.gap_7 { height: 7px; font-size: 0; }
.gap_3 { height: 3px; font-size: 0; }
.mgb_0 { margin-bottom:0 !important}
.btns { text-align: center; margin: 15px; } 
.btns_wrap { margin: 15px; }
.clr { clear: both }
.valign_m { vertical-align: middle; }
.tooltop { cursor: pointer; vertical-align: middle; }
.mute { color: #999;}
.brd_r { border-right:1px solid #ddd}
.brd_t { border-top:1px solid #ddd}
.brd_t2 { border-top:2px solid #222}
.box_grey { background-color: #f4f4f4; padding:0 15px;  }
input[type="radio"], input[type="checkbox"] { margin: 0; line-height: normal; vertical-align: middle; }
label { cursor: pointer; font-weight: normal; margin-bottom: 0; }
a { text-decoration: none; color: #222; }
a:hover, a:active, a:focus { text-decoration: none;  color:#000;  }
.hidden { display: none; }
.inline-block { display:inline-block}
.form-control { vertical-align:middle;}
.pagination { }
.pagination ul { display: inline-block; *display:inline; *zoom:1; margin: 0 auto; }
.pagination ul>li { display: inline; }
.pagination ul>li>a, .pagination ul>li>span { float: left; padding: 5px 9px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; font: 12px "����"; color: #777; line-height: 13px; }
.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span { color: #777; background-color: #f5f5f5; }
.pagination ul>.active>a, .pagination ul>.active>span { color: #1080ce; cursor: default; padding: 6px 9px; border-color: #a8acb6; border-left-width: 1px; margin-top: -1px; font-weight: bold; background-color: #fff; }
.pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover, .pagination ul>.disabled>a:focus { color: #999999; background-color: transparent; cursor: default; }
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span { border-left-width: 1px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; }
.pagination ul>li:last-child>a, .pagination ul>li:last-child>span { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; }
.pagination-centered { text-align: center; }
.pagination-right { text-align: right; }
.checkbox, .checkbox_sm { display: none; }
.checkbox + label, .checkbox_sm + label { color: #333; cursor: pointer; margin-bottom: 0; }
.checkbox + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; }
.checkbox:checked + label span { background-position: -48px 0; }
.checkbox + label span { background-position: 0 0; }
/* .checkbox:hover + label span  { background-position: -24px 0; } */
.checkbox:disabled + label span { background-position: -72px 0; cursor: default; }
.checkbox:checked.disabled + label span { background-position: -96px 0; }
.radio, .radio_sm { display: none; }
.radio + label, .radio_sm + label { color: #333; cursor: pointer; }
.radio + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; }
.radio:checked + label span { background-position: -168px 0; }
.radio + label span { background-position: -120px 0; }
/* .checkbox:hover + label span  { background-position: -24px 0; } */
.radio:disabled + label span { background-position: -192px 0; cursor: default; }
.radio:checked.disabled + label span { background-position: -214px 0; }
.checkbox_sm + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(blue_sm.png) no-repeat; border: none; cursor: pointer; }
.checkbox_sm:checked + label span { background-position: -36px 0; }
.checkbox_sm + label span { background-position: 0 0; }
/* .checkbox_sm.hover + label span  { background-position: -18px 0; }*/
.checkbox_sm:disabled + label span { background-position: -54px 0; cursor: default; }
.checkbox_sm:checked:disabled + label span { background-position: -72px 0; }
.radio_sm + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(blue_sm.png) no-repeat; border: none; cursor: pointer; }
.radio_sm:checked + label span { background-position: -126px 0; }
.radio_sm + label span { background-position: -90px 0; }
/* .checkbox_sm.hover + label span  { background-position: -108px 0; }*/
.radio_sm:disabled + label span { background-position: -144px 0; cursor: default; }
.radio_sm:checked:disabled + label span { background-position: -162px 0; }


/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
.checkbox + label span, .radio + label span {
 background-image: url(blue@2x.png);
 -webkit-background-size: 240px 24px;
 background-size: 240px 24px;
}
}
 
/* Preloader */
#preloader { background-color: rgba( 255, 255, 255, 0.7 ); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; display:}
#status { background-image: url(../image/loader.gif); background-position: center; background-repeat: no-repeat; height: 150px; width: 300px; left: 50%; margin: -100px 0 0 -150px; position: absolute; top: 50%; }
#status p { text-align: center; line-height: 1.5; color: #999; }
#status p strong { font-size: 19px; color: #000; }
#preloader.active { display: block; }
.scroll-up { position: fixed; display: none; z-index: 999; bottom: 1.5em; right: 1.5em; cursor: pointer}
.scroll-up a {background-color:rgba(0,0,0,0.5); display: block; width: 33px; height: 33px; text-align: center; color: #fff !important; font-size: 15px; line-height: 33px; border-radius: 16px; }
.scroll-up a:hover, .scroll-up a:active { background-color:rgba(0,0,0,0.8); color: #fff !important;  }
select.form-control {}
select.form-control { -webkit-appearance: none; -moz-appearance: none;  background: #fff url(../image/bullet_down.png) no-repeat right center; text-align: left; display: inline-block; padding-right:12px; vertical-align: middle; box-sizing: border-box; }
select.form-control::-ms-expand {display: none;}
.input_cal { padding-right: 25px; background:#fff url(../image/icon_calendar.gif) right center no-repeat; }
.input_select { padding-right: 20px; background: #fff url(../image/bullet_down.png) no-repeat right center;}


.btn-dark {
  color: #ffffff;
  background-color: #333333;
  border-color: #222222;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark {
  background-image: none;
}
.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled.focus,
.btn-dark[disabled].focus,
fieldset[disabled] .btn-dark.focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
  background-color: #333333;
  border-color: #222222;
}
.btn-dark .badge {
  color: #333333;
  background-color: #ffffff;
}


.mgt_5 { margin-top: 5px !important; }
.mgt_10 { margin-top: 10px !important; }
.mgt_20 { margin-top: 20px !important; }
.mgt_30 { margin-top: 30px !important; }
.mgb_20 { margin-bottom: 20px !important; }
.mgb_30 { margin-bottom: 30px !important; }
.mgb_10 { margin-bottom: 10px !important; }
.mgt_50 { margin-top: 50px !important; }
.mgt_52 { margin-top: 52px !important; }
.mgb_100 { margin-bottom: 100px !important; }
.mgb_50 { margin-bottom: 50px !important; }
.mgl_95 { margin-left: 95px !important; }
.mgb-50 { margin-bottom: -50px !important; }
.pdb_50 { padding-bottom: 50px !important; }
.mgt_100 { margin-top: 100px !important; }
.mgb-1 { margin-bottom: -1px !important; }
.pdt_0 { padding-top: 0 !important; }
.pdt_20 { padding-top: 20px !important; }
.pdt_80 { padding-top: 80px !important; }
.pdb_0 { padding-bottom: 0 !important; }
.pdr_5 { padding-right: 5px !important; }
.pdr_10 { padding-right: 10px !important; }
.pdl_5 { padding-left: 5px !important; }
.pdl_10 { padding-left: 10px !important; }
.pd_20 { padding:20px !important; }
.img_width { max-width:100%; height:auto}
.agree_wrap1 { border: 1px solid #CCC; border-radius: 2px; padding: 10px; height: 150px; overflow: auto; text-align: left; color: #666; }
.agree_wrap1 h3 { font-size: 14px; text-align: left; font-weight: bold; margin: 10px 0; }
.input_cal { padding-right: 25px; background:#fff url(../image/icon_calendar.gif) right center no-repeat; }

.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.filebox label { display: inline-block; padding: 4px 10px; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #333; cursor: pointer; border: 1px solid #333; border-radius: 2px; }
/* named upload */
.filebox .upload-name { display: inline-block; padding: 4px 10px; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.filebox_design .upload-width { width:calc(100% - 80px); padding:10px 10px;}
.filebox_design label { padding:10px 10px;}

.pagination { display: inline-block; *display:inline;
*zoom:1;
margin: 0 auto; text-align: center; padding-left: 0; border-radius: 2px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #444; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 2px; border-top-left-radius: 2px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 2px; border-top-right-radius: 2px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #222; background-color: #eeeeee; border-color: #dddddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; background-color: #555; border-color: #555; cursor: default; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed; }

.main_wrap { width:100%; height: 100%; position: relative; min-width: 1024px;}
.sub_wrap { width:100%;position: relative; min-width: 1024px; height: 80px; background-color: #fff;}
.header_wrap { width: 100%; height: 80px; z-index: 109; margin: 0 auto; top: 0; left: 0; background-color: #fff; position: relative; top: 0;} 
.sub_wrap .header_wrap {background-color: #fff; position: fixed; top: 0;}
.header_wrap.float_on { background-color: #fff; position: fixed; top: 0;transition: 0.3s;}
.header_nav_outer {width: 100%;  max-width:1580px;height: 80px; position: relative; left: 0;}
@media (min-width: 1581px) { 
.header_nav_outer { left: calc(50% - 790px);}
}
.header_nav_outer h1 { width: 200px; height: 50px; position: absolute; left: 10px; top: 17px; padding: 0; margin: 0 0;}
.header_nav_outer h1 img {width: 200px; height: auto}
.header_nav_wrap {   height: 54px; position: absolute; left: 230px; top: 18px; margin-left: 25px; }
.ul_header_nav li { display: inline-block; height: 30px; line-height: 30px;  margin: 12px 20px; color: #111; position: relative; }
.ul_header_nav li.active { }
.ul_header_nav li:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background-color: #222222;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width 0.7s cubic-bezier(0.86, 0, 0.07, 1);
    transition: width 0.7s cubic-bezier(0.86, 0, 0.07, 1);
}
.ul_header_nav li.active:before {
    width: 100%;
}
.ul_header_nav li a {font-size: 18px; color: #000; font-weight: 600;cursor: pointer }
.ul_header_nav li.btn_hd_sale a { color: #ea4f3d}



.header_glb_wrap {  height: 30px; position: absolute; right: 10px; top: 18px; text-align: right;}
.ul_header_glb li {display: inline-block; height: 30px; line-height: 30px;  color: #111; margin: 12px 8px; padding: 0; position: relative;}
.t_count .t_badge { display: block; position: absolute; right:-10px; top:-5px; z-index: 9; color: #fff; background-color: #ea4f3d; font-size: 10px; font-weight: 600; border-radius: 12px; padding: 2px 5px; line-height: 1;font-family: 'Roboto Condensed';}
.ul_header_glb li img { width: 25px; height: 25px;}
.ul_header_glb li a { cursor: pointer}
.header_sch_wrap {height: 30px;}
.header_sch_wrap input { width: 160px; border-radius: 15px; height: 30px; border: 0; background-color: #eee; padding: 5px 15px; box-sizing: border-box; margin-right: 10px; text-align: left;}



.nav_sub_wrap { width: 100%; background-color: #fff; position: absolute; top: 80px;  opacity: 0; display:none; border-top: 1px solid #eee; z-index: -9; }
.nav_sub_wrap.open {opacity: 1; display: block;  height: auto;transition: opacity 300ms cubic-bezier(0.38, 0.41, 0.27, 1), transform 300ms cubic-bezier(0.395, 0, 0.135, 1);
    transition-delay: 250ms; z-index: 9}
.nav_sub_in { width: 100%; min-width: 1200px; max-width: 1581px; padding:10px 0 30px 280px; box-sizing: border-box; margin: auto; z-index: -9; }
#nav_sub_parts .nav_sub_in .grid, #nav_sub_suppli .nav_sub_in .grid2 { width: 1050px}
.nav_sub_wrap.open .nav_sub_in {z-index: 9; }
.nav_sub_in:after { content: ''; display: table; clear: both}
.nav_sub_ul { width: 150px; float: left;}
.nav_sub_ul li  { font-size: 15px; padding: 5px; font-weight: 400; line-height: 1.4; display: block;}
.nav_sub_ul li a { cursor: pointer; color:#333; }
.nav_sub_ul li a:hover { color:#017ad7 !important; transition: 0.3s}
.nav_sub_ul li.nav_sub_title { font-size: 16px; font-weight: 800; width: 100%; padding-bottom: 15px;} 
.nav_sub_ul li a img { max-width: 100%; max-height: 20px; margin: 10px auto}



.nav_sub_ul_col { width: 300px;}
.nav_sub_ul_col li { width: 50%; float:left;} 
.nav_sub_ul_col3 { width: 330px;}
.nav_sub_ul_col3 li { width: 33.33%; float:left;} 
.nav_sub_ul_col5 { width: 800px;} 
.nav_sub_ul_col10 li { width: 12.5%; float:left;} 


.nav_sub_cate1 { padding:0; width: 200px; position: relative; left: 0; top: 0; height:300px }
.nav_sub_cate1 > li  { display: block; width: 100px; text-align: left; position: relative; left: 0;  }
.nav_sub_cate1 > li > a { padding: 10px; display: block; cursor: pointer;font-size: 16px; font-weight: 700; width: 100%;}
.nav_sub_cate1:after { content: ''; width: 1px; background-color: #ddd; top: 0; height: 100%; display: block; position: absolute; left: 100px; }
.nav_sub_cate1 > li.active { background: url("../image/icon_nav_right.gif") right 10px no-repeat;}
.nav_sub_cate2 { display:none; position: absolute; top: 5px; left: 100px;padding-left: 20px;}
.nav_sub_cate1 > li.active .nav_sub_cate2 { display: block}
.nav_sub_cate2 > li  { display: block; width: 100px; text-align: left;  }
.nav_sub_cate2 > li > a { padding:5px; display: block; cursor: pointer;font-size: 15px; font-weight: 400; width: 100%;}

@media (max-width: 1440px) { 
.header_nav_wrap { left: 200px;}
.ul_header_nav li { margin: 12px 10px; }
.header_sch_wrap input { width: 140px;}
.header_nav_outer h1 {width: 175px;}
.header_nav_outer h1 img { width: 175px;} 
.nav_sub_in {padding:10px 0 30px 240px; }
.ul_header_glb li {margin: 12px 5px;}
}
@media (max-width: 1240px) { 
.header_nav_wrap { left: 150px;}
.ul_header_nav li { margin: 12px 6px; }
.header_sch_wrap input { width: 140px;}
.header_nav_outer h1 {width: 150px;}
.header_nav_outer h1 img { width: 150px;}
.nav_sub_in {padding:10px 0 30px 190px; }
.ul_header_glb li {margin: 12px 4px;}
}
@media (max-width: 993px) { 

}

.main_visual_wrap { width: 100%; height:calc(100vh - 130px); overflow: hidden; z-index: 9}
.ul_main_visual { width: 100%; height:calc(100vh - 130px);}
.ul_main_visual div {width: 100%; height: 100%; display: block}
.slider_item .visual_bg { width: 100%; height: 100%; background-position: center center; z-index: 1; position: relative}
.main_visual_txt1 { font-size: 60px; color: #fff; display: block; width: 1400px; margin: 0 auto; padding-top:calc( 50vh - 190px);font-weight: 600 ;z-index: 2;font-family: 'Roboto Condensed',sans-serif;position: relative;text-shadow: 0px 0px 15px BLACK;}
.main_visual_txt2 { font-size: 30px; color: #fff; display: block; width: 1400px; margin: 0 auto;z-index: 2;position: relative;text-shadow: 0px 0px 15px BLACK;}
.main_visual_btns { display: block; width: 1400px; margin: 0 auto;z-index: 2;position: relative}
.main_visual_btns a { display: inline-block; padding: 10px 40px; border: 1px solid #fff; color: #fff; background-color:rgba(0,0,0,0.3); margin-top: 20PX; cursor: pointer;transition: 0.3s;}
.main_visual_btns a:hover { background-color: #fff;color: #222; transition: 0.3s;}
.slider_item iframe {position: absolute; width: 100vw; height: 100%;  z-index: 1; top: 0;right: 0;bottom: 0;left: 0; -o-object-fit: cover; object-fit: cover;}
.visual_video {
    position: absolute;
    z-index: 1;
    width: 100vw;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition-delay: 1s;
}
@media (max-width: 1400px) {
.main_visual_txt1 { font-size: 60px; color: #fff; display: block; width: 1200px; margin: 0 auto; padding-top:calc( 50vh - 90px);font-weight: 600 ;z-index: 2;position: relative}
.main_visual_txt2 { font-size: 30px; color: #fff; display: block; width: 1200px; margin: 0 auto;z-index: 2;position: relative}
.main_visual_btns { display: block; width: 1200px; margin: 0 auto;z-index: 2;position: relative}		
}
@media (max-width: 1200px) {
.main_visual_txt1 { font-size: 60px; color: #fff; display: block; width: 1000px; margin: 0 auto; padding-top:calc( 50vh - 90px);font-weight: 600 ;z-index: 2;position: relative}
.main_visual_txt2 { font-size: 30px; color: #fff; display: block; width: 1000px; margin: 0 auto;z-index: 2;position: relative}
.main_visual_btns { display: block; width: 1000px; margin: 0 auto;z-index: 2;position: relative}		
}


.main_new_wrap { width: 100%;  }
.main_h3 { text-align: center; padding: 50px 0; margin: 0; font-size: 48px; font-weight: 600; line-height: 1.1; letter-spacing: -2px;}
.txt_w { color: #fff}
.ul_main_new { height: 420px; width: calc(100% - 100px); margin: 0 50px; overflow: hidden }
.ul_main_new:after { content: ' '; display: table; clear: both}
.ul_main_new li { width: 98%;  background-color: #fff; border-radius: 0; float: left; cursor: pointer}
.ul_main_new div li + li { margin-left: 2%}
.ul_main_new li span { display: block}
.ul_main_new li .thumb1 { text-align: center; padding: 10px; width: 100%; max-height: 356px;}
.ul_main_new li .thumb1 img { width: 100%;max-height: 356px; height: auto; object-fit: contain}
.ul_main_new li .txt_1 { font-size: 18px; padding-left: 20px;}
.ul_main_new li .txt_2 { font-size: 14px; padding-left: 20px;}
.main_btns { clear: both; padding: 50px 0; text-align: center;  }
.main_btn { border-radius: 0; padding: 5px 30px; display: inline-block; background-color:var(--mbs-subcolor); color: #fff;  cursor: pointer; text-transform:uppercase;}
.main_btn i { font-size: 14px; }
.main_btn:hover { color: #fff; background-color:#333; transition: all 0.5s;}
.main_new_btns {}
.main_new_btns a { display: inline-block; border: 1px solid var(--mbs-subcolor); color: var(--mbs-subcolor); padding: 5px; width: 120px; background-color: #fff; cursor: pointer}
.main_new_btns a:hover {background-color: var(--mbs-subcolor); color: #fff; transition: 0.3s;}
.main_new_btns a.active {background-color: var(--mbs-subcolor); color: #fff; transition: 0.3s;}
.new_slick_bnts { width: 100%; position: relative}
.new_slick_bnts .new_prev, .new_slick_bnts .new_next { display: block; width: 40px; height: 40px; position: absolute; bottom: 200px; cursor: pointer; padding-left: 40px; overflow: hidden; text-indent: -99px; opacity: 0.5}
.new_prev { background: url("../image/icon_chevron_right.svg") center center no-repeat; background-size: 16px; left: 10px;} 
.new_next { background: url("../image/icon_chevron_left.svg") center center no-repeat; background-size: 16px; right: 10px;}
.new_prev:hover, .new_next:hover {opacity: 1; transition: 0.3s;}



.main_best_wrap { width: 100%;  background: url("../image/bg_main_best.png") center center  no-repeat ; background-size: cover;background-position: center; background-repeat: no-repeat; background-attachment:fixed;}
.ul_main_best {  width: calc(100% - 100px); margin: 0 50px; overflow: hidden}
.ul_main_best:after { content: ' '; display: table; clear: both}
.ul_main_best li { width: 99%;  background-color: #fff; border-radius: 0; float: left; padding: 10px; cursor: pointer}
.ul_main_best div li + li { margin-left: 1%}
.ul_main_best li span { display: block}
.ul_main_best li .thumb1 { text-align: center; }
.ul_main_best li .thumb1 img { width: 100%; max-height: 250px; height: auto;max-height: 250px; object-fit: contain}
.ul_main_best li .txt_wrap { height:80px; }
.ul_main_best li .txt_1 { font-size: 18px; padding-left: 20px; font-weight: 400px;}
.ul_main_best li .txt_2 { font-size: 14px; padding-left: 20px; font-weight: 400px;}
.best_slick_bnts { width: 100%; position: relative}
.best_slick_bnts .best_prev, .best_slick_bnts .best_next { display: block; width: 40px; height: 40px; position: absolute; bottom: 150px; cursor: pointer; padding-left: 40px; overflow: hidden; text-indent: -99px; opacity: 0.5; z-index: 50;}
.best_prev { background: url("../image/icon_chevron_right.svg") center center no-repeat; background-size: 16px; left: 10px;z-index: 50;} 
.best_next { background: url("../image/icon_chevron_left.svg") center center no-repeat; background-size: 16px; right: 10px;z-index: 50;}
.best_prev:hover, .best_next:hover {opacity: 1; transition: 0.3s;}


.main_brand_wrap { width: 100%; box-sizing: border-box; padding-top: 100px;padding-bottom: 100px; }
.main_brand_in {width: 100%; }
.main_brand_txt_box { width: 50%; }
.main_brand_txt_box .txt_box1 { font-size: 24px; color: var(--mbs-subcolor); font-weight: 600; display: block}
.main_brand_txt_box .txt_box2 { font-size: 48px; color: #333; font-weight: 600; display: block; line-height: 1.3}
.main_brand_txt_btns {display: block;position: absolute; right: 20px; top: 0; }
.main_brand_txt_btns a { display: inline-block; width: 30px; height: 30px; border:1px solid #000; vertical-align: middle; text-align: center; line-height: 28px; cursor: pointer; opacity: 0.5}
.main_brand_txt_btns a img { width: 7px; height: auto }
.main_brand_txt_btns a + a { margin-left: -1px;}
.main_brand_txt_btns a:hover { opacity: 1; transition: 0.3s;}
.rotate_180 {transform: rotate(180deg);}
.main_brand_bn_box {} 
.ul_main_brand { width: 100%; height: 20vw; overflow: hidden}
.ul_main_brand .brand_item { float:left; width: 20%; height: 20vw;} 
.brand_item a { display: block;filter: grayscale(100%); transition: filter .3s; cursor: pointer}
.brand_item a:hover {filter: grayscale(0);transition: filter .3s;}
.brand_item span { margin: 0.5vw; display: block}
.brand_item img { width: 100%; height: 100%; object-fit: cover; object-position: center center}
@media (max-width: 1400px) {

}
.main_h3_s { color: var(--mbs-subcolor); font-size: 24px; font-weight: bold;}
.main_btn.main_btn_s { border-radius: 0; padding: 5px 25px; display: inline-block; background-color:var(--mbs-subcolor); font-size: 16px; color: #fff; line-height: 1.1; cursor: pointer}
.main_sns_ul { margin-bottom: 50px}
.main_sns_ul:after { content: ''; display: block; clear: both}
.main_sns_li { width:calc( 50% - 10px ); float: left; margin-top: 10px;margin-bottom: 10px;}
.main_sns_li:nth-child(odd) { margin-right:10px; }
.main_sns_li:nth-child(even) { margin-left:10px; }
.main_sns_item { padding: 20svh 15px 15px 15px; border-radius: 0; background:url("../image/main_sns_bg.png") center center; background-size: cover}
.main_sns_txt_box { background-color: rgba(0,0,0,0.5); border-radius: 0; padding: 15px; }
.main_sns_txt_box .sns_txt1, .main_sns_txt_box .sns_txt2 { display: block; color: #fff; width: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.main_sns_txt_box .sns_txt1 { font-size: 18px; font-weight: 600;}
.main_sns_txt_box .sns_txt2 { font-size: 14px; }

.main_cs_ul {}
.main_cs_ul h3 { margin: 10px 0}
.main_cs_ul { margin-bottom: 50px}
.main_cs_ul:after { content: ''; display: block; clear: both}
.main_cs_li { width:calc( 50% - 10px ); float: left; margin-top: 10px;margin-bottom: 10px;}
.main_cs_li:nth-child(odd) { margin-right:10px; }
.main_cs_li:nth-child(even) { margin-left:10px; }

.main_map_area { width: 100%; overflow: hidden}
.main_cs_txt_box { margin: 30px 0 100px}
.main_cs_txt_box span { margin-right: 20px; display: inline-block; vertical-align: top; font-size: 14px;}
.main_cs_txt_box span.txt_tel { font-size: 34px; font-weight: bold;margin-right: 40px; line-height: 1}
.main_cs_icon_ul {}
.main_cs_icon_ul li { width: 25%; display: block; float: left; text-align: center; padding: 100px 0 20px 0; position: relative}
.main_cs_icon_ul li:after { content: ''; width: 1px; height: 70px; background-color: #ccc; position: absolute; right: 0; top: 20px; display: block}
.main_cs_icon_ul li:last-child:after { display: none}
.main_cs_icon_ul li a { font-size: 18px;}
.main_cs_icon_01 { background: url("../image/icon_main_cs01.png") center 10px no-repeat}
.main_cs_icon_02 { background: url("../image/icon_main_cs02.png") center 10px no-repeat}
.main_cs_icon_03 { background: url("../image/icon_main_cs03.png") center 10px no-repeat}
.main_cs_icon_04 { background: url("../image/icon_main_cs04.png") center 10px no-repeat}

.foot_wrap {background:#000 url("../image/foog_bg.png") left top repeat-x; padding: 20px; margin-top: 50px;}
.foot_wrap .foot_area { background-color: var(--mbs-subcolor); padding: 30px 10px; border-radius: 0; color: #FFFFFF}
.foot_area .foot_ul01 li { display: inline-block; margin: 0 10px;}
.foot_area .foot_ul01 li a { color: #fff; font-size: 16px; cursor: pointer}
.foot_area .foot_icons { text-align: right}
.foot_area .foot_icons a { display: inline-block; margin: 0 5px; cursor: pointer}
.foot_area .foot_icons a img { height: 25px; width: auto; }
.foot_address { font-size: 14px; color: #cecece; padding-left: 10px;}
.foot_sitemap_ul { width: 100%;}
.foot_sitemap_ul > li { width: 50%; float: left;}
.foot_sitemap_ul > li > a { font-size: 16px; font-weight: bold; color: #cecece; display: block; width: 100%; clear: both}
.foot_sitemap_ul > li > ul { margin-top: 10px; width: 33%; float: left;}
.foot_sitemap_ul > li > ul > li { display: block; padding-left: 10px;} 
.foot_sitemap_ul > li > ul > li.foot_sitemap_ttl { font-weight: bold;padding-left: 0; margin-top: 5px;}
.foot_sitemap_ul > li > ul > li > a { font-size: 14px; font-weight: 400; color: #cecece}
.foot_sitemap_ul > li > ul > li.foot_sitemap_ttl > a {font-weight: bold;}
.sub_body { min-height: calc( 100vh - 492px ); z-index: 1}
.container_sm { max-width: 520px; margin: 0 auto}
.container_xs { max-width: 400px; margin: 0 auto}

.tab_lg { border-color: #333; border-radius: 0}
.tab_lg .nav-link.active, .tab_lg .nav-item.show .nav-link { border-color: #333 #333 #fff;}
.tab_lg .nav-link { color: #333;border-radius: 0}
.tab_lg li { font-size: 18px;}
.tab_lg li button, .tab_lg li a { font-size: 18px; font-weight: 600}
.tab_col li { width: 50%;}
.tab_col li button, .tab_col li a { display: inline-block; width: 100%;}
.login_label { font-size: 16px; font-weight: bold}
.login_form { margin-bottom: 20px; border-bottom: 1px solid #111}
.login_form input { border:0; border:0; width: 100%; font-size: 16px; padding: 10px 5px;}
.login_btns { text-align: center; margin-bottom: 10px;}
.login_btns .btn { border-radius: 0;}
.login_btns .btn_dark { display: block; width: 100%; padding: 10px; text-align: center; background-color: #111; color: #fff; font-size: 18px; font-weight: 600px; cursor: pointer}
.login_links {text-align: right}
.login_links a { display: inline-block; color: #666; padding: 0 10px; line-height:1; }
.login_links a:hover {color: #000;}
.login_links a + a { border-left:1px solid #ccc;}

.login_div { width: 100%; height: 30px; position: relative; text-align: center}
.login_div span { font-size: 16px; color: #666; display: block; background-color: #fff;z-index: 2; position: absolute; width: 140px; text-align: center; left: 50%; margin-left: -70px;}
.login_div:before { content: ''; height: 1px; width: 100%; position: absolute; top: 12px; left: 0; background-color: #ccc; display: block; z-index: 1;}

.btn_facebook, .btn_google, .btn_naver, .btn_kakao {  display: block; width: 100%; padding: 10px; text-align: center; background-color: #111; color: #fff; font-size: 16px; font-weight: bold}

.btn_kakao { color:#111; background:#fff url(../image/icon_kaka_b.png) 20px center no-repeat; background-size:24px;border:1px solid #ddd;}
.btn_naver { color:#111; background:#fff url(../image/icon_naver_b.png) 20px center no-repeat; background-size:20px;border:1px solid #ddd;}
.btn_google { color: #4285f4; background:#f4f4f4 url(../image/icon_google.png) 20px center no-repeat; background-size:20px; border:1px solid #4285f4}
.btn_facebook { color:#111; background:#3b5998 url(../image/icon_facebook.png) 20px center no-repeat; background-size:22px;} 

.main_top_wrap {background-color: #000; height: 50px;}
.line_outer { width: 100%; max-width: 1580px; margin: 0 auto}
.line_wrap { padding:15px 0;  color: #fff; text-align: left; width: 50%; float:left}
.line_wrap .line_container { height: 20px; margin: 0 auto; padding-left: 50px; position: relative; width: 100%; z-index: 1}
.line_container .line_link { display: inline-block; height: 20px; color: #fff; width: 100%; overflow: hidden; margin: 0 auto; text-align: left;z-index: 1  }
.line_link a {font-size: 14px; cursor: pointer; color: #fff; line-height: 20px; }
.line_link a:hover {color: #ddd;}
.line_container .line_btn  { position: absolute; right: 20px;color: #999; font-size: 16px;cursor: pointer}
.line_container .line_btn:hover { color: #fff;}
.line_container .line_btns { position: absolute; left: 20px; top:-7px; z-index: 2}
.line_btns a { color: #999; font-size: 16px;cursor: pointer; display: block; width: 30px; height: 15px; position: absolute;}
.line_btns a.line_prev { top: 0;}
.line_btns a.line_next { top: 15px;}
.line_btns a:hover { color: #fff;}

.top_btns_wrap { width:50%; float: right}
.top_btns_wrap .top_bnts_ul { display: block; text-align: right;height: 50px;}
.top_bnts_ul li  { display: inline-block; margin-top: 5px; }
.top_bnts_ul li a { color: #fff; display: inline-block; padding: 10px; cursor: pointer}
.top_bnts_ul li + li:before { content: ''; display: inline-block; width: 1px; height: 14px; vertical-align: middle;background-color: #fff; opacity: 0.3}
.top_bnts_ul li a:hover { color: #999;}

.brand_visual_wrap { width: 100%; height: calc( 100vh - 80px); position:relative;}
[data-overlay]:before {
    position: absolute;
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data-overlay="4"]:before {opacity: 0.3;}
.background-image-holder { position: absolute; height: 100%;  width: 100%;  top: 0;    left: 0; background-size: cover !important; background-position: 50% 50% !important;
 z-index: 0; transition: opacity .3s linear; -webkit-transition: opacity .3s linear; opacity:1;  } 
.brand_txt_wrap { text-align: center; color: #fff; z-index: 3; line-height: 1.1
}
.brand_txt_wrap .brand_txt1 { font-size: 74px; font-weight: 900;}
.brand_txt_wrap .brand_txt1 img { max-height: 100px; min-height: 60px; width: auto; margin-bottom: 20px;}
.brand_txt_wrap .brand_txt2 { font-size: 36px; line-height: 1.4;font-family: Roboto Condensed,sans-serif; }
.brand_prod { max-width: 1580px; margin: 0 auto}
.brand_head { height:auto; padding: 10px 0; }
.brand_head:after { content: ""; display: table; clear: both}
.brand_cate {height: 50px;}
.brand_cate li { display: inline-block; padding: 10px 20px; }
.brand_cate li a {display: inline-block; font-size: 19px; cursor: pointer; line-height: 1.5; color: #333;border-bottom: 2px solid #fff; font-family: Roboto Condensed,sans-serif;}
.brand_cate li a:hover { color: #000;border-bottom: 2px solid #ccc;transition: 0.3s;}
.brand_cate li.active a { border-bottom: 2px solid #222;}
.btn_sort_drop { background-color: transparent; border: 0; padding: 5px 10px; font-size: 16px;}
.sort_drop_menu li { text-align: right}
.sort_drop_menu a { cursor: pointer}

.nav_sub_dep1 li { display: block; width: 120px; float: left;}
.nav_sub_dep1 li a { display: block;font-size: 15px; color: #000; font-weight: 700; padding: 10px 0 0 0; text-align: left;cursor: pointer}
.nav_sub_dep2 li {display: block; width: 120px; clear: both;}
.nav_sub_dep2 li a {display: block;font-size: 14px;  color: #444; font-weight: 500; padding: 5px 0;text-align: left; cursor: pointer}
.nav_sub_dep1_col3 li {width: 360px;}
.nav_sub_dep1_col3 .nav_sub_dep2 li { float: left ; clear: none; width: 120px;}
.nav_sub_dep1_col5 li {width: 600px;}
.nav_sub_dep1_col5 .nav_sub_dep2 li { float: left ; clear: none; width: 120px;}
.nav_sub_dep1_sm li { display: block; width: 150px; float: left;}
.nav_sub_dep1_sm .nav_sub_dep2 li {display: block; width: 150px; clear: both;}
.nav_sub_dep1_sm li:nth-child(n+8)  { margin-top: 10px;}
.nav_sub_dep1_sm li li  { margin-top: 0 !important}
.nav_sub_dep1_sm .nav_sub_dep2 li a {display: block;font-size: 14px; font-weight: 500; padding: 1px 0;text-align: left; cursor: pointer; }
.nav_sub_dep1_sm li:nth-child(7n+1) { clear: left;}

.nav_sub_ul_img { width: 150px; float: left;}
.nav_sub_ul_img li  { font-size: 15px; font-weight: 400; line-height: 1.4; display: block; width: 100%}
.nav_sub_ul_img li a { display: block; width: 100px; height: 60px; padding: 15px 0px; cursor: pointer}
.nav_sub_ul_img li a img { object-fit: contain; width: 100%; height: 100%; object-position: center center}
.nav_sub_ul_img li.nav_sub_title { width: 100%; padding-bottom: 15px;} 
.nav_sub_ul_img > li.nav_sub_title > a {font-size: 15px; color: #000; font-weight: 700; padding: 15px 0;}
.nav_sub_ul_img li ul {}
.nav_sub_ul_col5 { width: 750px;} 
.nav_sub_ul_col5 li li { width: 150px; float:left;} 
.nav_sub_ul_img > li.nav_sub_title > a > a { padding: 0;}


.prod_ul_brand li { display: block; float: left; width: 25%; padding: 0 30px;}
.prod_ul_brand li a { display: block; cursor: pointer}
.prod_ul_brand:after { content: ''; display: table; clear: both;}
.prod_ul_brand li .prod_li_thumb { width: 100%; --brandHeight: calc(25vw - 60px); height: calc(var(--brandHeight) * 0.74); display: block}
.prod_ul_brand li .prod_li_thumb img {  width: 100%;height: 100%; object-fit: contain; margin: auto;object-position: center center;transition: 0.3s ease;} 
.prod_ul_brand li .prod_li_thumb img:hover, .prod_ul li .prod_li_thumb img:hover { transform: scale(1.1);transition: 0.3s ease;}
.prod_ul_brand .prod_li_txt_wrap { height: 120px; position: relative; margin-top: 10PX;}
.prod_ul_brand .prod_li_txt1 {font-family: Roboto Condensed,sans-serif; font-weight: 700; text-transform: uppercase;}
.prod_ul_brand .prod_li_txt1 { font-size: 18px; }
.prod_ul_brand .prod_li_txt2 { font-size: 16px; font-weight: 400}
@media (max-width: 1200px) {
	.prod_ul_brand li { display: block; float: left; width: 33.333%; padding: 0 20px;}
}
@media (max-width: 992px) {
.prod_ul_brand li { display: block; float: left; width: 50%; padding: 0 20px;}
.prod_ul_brand li .prod_li_thumb { width: 100%; height: 250px; display: block}
}

.prod_ul li { display: block; float: left; width: 33.333%; padding: 0 30px;}
.prod_ul li a { display: block; cursor: pointer}
.prod_ul:after { content: ''; display: table; clear: both;}
.prod_ul li .prod_li_thumb { width: 100%; display: block; --widthCont: calc(100vw - 340px); height: calc(var(--widthCont) / 4 - 60px * 74px); aspect-ratio: 10 / 7; max-height: 264px; overflow: hidden; position: relative;}
.prod_ul li .prod_li_thumb .prod_li_soldout { width: 100%; height: 100%; background-color: rgba(0,0,0,0.20); display: flex; position: absolute; top: 0; left: 0; z-index: 2;align-items: center;justify-content: center;}
.prod_li_soldout span { text-align: center; font-weight: 800; font-size: 32px; color: #fff; display: block}
.prod_ul li .prod_li_thumb img {  width: 100%;height: 100%; object-fit: contain; margin: auto;object-position: center center;transition: 0.3s ease;}
.prod_ul li .prod_li_thumb img:hover { transform: scale(1.1);transition: 0.3s ease;}
.prod_ul .prod_li_txt_wrap { height: 140px; position: relative} 
.label_list0, .label_list1, .label_list2, .label_list3, .label_list4 {font-size: 12px; line-height: 1.1; padding: 3px 5px 0px 5px; display: inline-block; margin-right: 5px; font-weight: 400; font-family: 'GmarketSansMedium'; vertical-align: middle}
.prod_li_txt_wrap .label_list0 { color: var(--mbs-red); padding: 0; font-weight: 800   }
.prod_li_txt_wrap .label_list1 { color: var(--mbs-red); border: 1px solid var(--mbs-red); }
.prod_li_txt_wrap .label_list2 { color: #fff; ;border: 1px solid var(--mbs-red); background-color: var(--mbs-red); }
.prod_li_txt_wrap .label_list3 { color: #fff; border: 1px solid var(--mbs-subcolor); background-color: var(--mbs-subcolor); }
.prod_li_txt_wrap .label_list4 { color: var(--mbs-subcolor); border: 1px solid var(--mbs-subcolor); background-color: #fff;}
.prod_ul li .prod_li_icons a { display: inline-block !important}
.prod_li_icons { text-align: right; margin-top: 5px;}
.prod_li_icons a + a { margin-left: 10px;}
.prod_li_icons a { color:  var(--mbs-subcolor); transition: 0.3s ease;}
.prod_li_icons a:hover { color:  var(--mbs-red);transition: 0.3s ease;}
.prod_li_icons a .bi { font-size: 18px; vertical-align: middle}
.prod_li_icons a .bi-heart-fill {color:  var(--mbs-red);}
.prod_ul .prod_li_txt1 { font-size: 18px;  font-weight: 700; text-transform: uppercase;}
.prod_ul .prod_li_txt2 { font-size: 18px; font-weight: 700}
.prod_ul .prod_li_txt3 { color: #999; text-decoration: line-through; display: inline-block; margin-left: 10px; font-weight: 300}
.prod_ul .prod_li_txt4 {font-size: 16px; color: #ea4f3d; font-weight: 400 }
.prod_ul .prod_li_txt5 {font-size: 14px; color: var(--mbs-keycolor); border: 1px solid  var(--mbs-keycolor); line-height: 1.1;padding: 1px 5px; display: inline-block; margin-right: 10px;} 
.prod_ul.prod_ul_wide li .prod_li_thumb { width: 100%; display: block; --Widewidth: calc(1559px / 3 - 60px); height: calc(var(--Widewidth) * 74px); max-height: 340px; overflow: hidden; position: relative}
.btn_prod_li_hart { display: block; width: 30px; height: 30px; border-radius: 15px; background-color: #fff; overflow: hidden; position: absolute; right: 10px; top: 10px;}
.btn_prod_li_hart a { display: block; text-align: center; vertical-align: middle; line-height: 36px;}
.btn_prod_li_hart a i { color: #ea4f3d; font-size: 26px;}
.btn_prod_li_hart a:hover i { color: #111; }
@media (min-width: 1581px) {
	.prod_ul li .prod_li_thumb { width: 100%; display: block; --widthCont: calc(1580px - 340px); height: calc(var(--widthCont) / 4 - 60px * 74px); } 
}
@media (max-width: 1580px) {
	.prod_ul li { display: block; float: left; width: 25%; padding: 0 20px;}
}
@media (max-width: 992px) {
.prod_ul li { display: block; float: left; width: 50%; padding: 0 20px;}
.prod_ul li .prod_li_thumb { width: 100%;  display: block}
} 


.prod_foot_btns { background-color: #eee; text-align: center;height: 150px;}
.prod_foot_btns p {font-family: Roboto Condensed,sans-serif; text-align: right;  width: 50%;}
.prod_foot_btns p + p  { border-left: 1px solid #999; text-align: left}
.prod_foot_btns .prod_foot_txt { display: inline-block; margin-right: 20px; font-size: 23px;text-transform: uppercase; vertical-align: middle; font-weight: normal}
.btn_prod_foot { font-size: 16px; font-weight: 700; border: 1px solid #222; display: inline-block; padding: 10px 20px;  text-transform: uppercase; background-color: #222; color: #fff; vertical-align: middle; cursor: pointer}
.btn_prod_foot:hover { color: #eee;}
.main_brandnews_wrap { padding: 70px 0; margin-bottom: 70px; background:#333 url(../image/main_bradn_bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment:fixed;} 
.main_brandnews_ul { margin-left:-0.5vw;margin-right: -0.5vw}
.main_brandnews_ul li { width: 33.333%; float: left;height: calc(1598px / 3 + 100px);}
.main_brandnews_ul:after { content: ''; display: table; clear: both}
.main_brandnews_ul li a { display: block; cursor: pointer}
.main_brandnews_thumb {width: 100%; height:calc( 1598px / 3 - 0.5vw ); padding: 0.5vw; border-radius: 0;filter: grayscale(0);} 
.main_brandnews_thumb img {width: 100%;height: 100%; object-fit: cover; margin: auto;object-position: center center; border-radius: 0;}
.main_brandnews_thumb:hover { filter: grayscale(100%); transition: 0.3s;}
.main_brandnews_txt1, .main_brandnews_txt2 { display: block}
.main_brandnews_txt1 { font-size: 18px; color: #fff; line-height: 1.2; padding: 5px 10px; margin-top: 10px}
.main_brandnews_txt2 { font-size: 14px; color: #999;padding: 5px 10px}

@media (max-width: 1599px) {
.main_brandnews_thumb {width: 100%; height:calc( 1320px / 3 - 0.5vw ); padding: 0.5vw; border-radius: 0;filter: grayscale(0);} 		
}
@media (max-width: 1400px) {
.main_brandnews_thumb {width: 100%; height:calc( 1140px / 3 - 0.5vw ); padding: 0.5vw; border-radius: 0;filter: grayscale(0);} 		
}
@media (max-width: 1200px) {
  .main_brandnews_ul li { width: 48%; float: left;height: 500px; margin: 1%}
}


.main_store_box, .main_s_right, .main_store_wrap, .map_store_list_wrap { min-height: calc( 100vh - 380px ) }
.map_store_list_wrap { width: 100%;  height:calc( 100vh - 180px );}
.h4_sub { font-size: 30px; color: #111; padding: 20px 0 10px 0; text-align: left;}
.h5_sub { font-size: 20px; color: #111; padding: 10px 0 10px 0; text-align: left;}
.btn_h4 a {font-size: 30px; color: #999; padding: 20px 0 10px 0; text-align: left; display: inline-block}
.btn_h4 { display: inline-block; margin-left: 30px;}
.btn_h4:before { content: ""; width: 1px; height: 26px; background-color: #ccc; display: inline-block; margin-right:20px; vertical-align:-2px}
.btn_h4 a:hover { color: var(--mbs-subcolor);}
.body_h3 { font-size:36px; font-weight: 700; text-align: center; }
.join_progress { margin: 50px 0; text-align: center}
.join_progress span { font-size: 16px; color: #999; padding: 10px 30px; position: relative; border-bottom: 2px solid #ddd; width: 33%; display: inline-block}
.join_progress span + span::before {  content: "\f054";  font-family: "Font Awesome 6 Free";font-weight: 900; font-size: 12px; width:20px; height:20px; position: absolute; left: -15px; top: 10px; display: block}
.join_progress span.active { color: #222;font-weight: 700;border-bottom: 2px solid #222; }
.msg2 { padding: 30px 0; text-align: left; }
.msg2 strong {color: var(--mbs-keycolor)}
.join_wrap label { display: inline-block; margin: 15px 0 0 0; padding: 5px 0; }
.join_wrap .input { border: none; height: 30px; background-image: none; border-bottom: 1px solid #ccc; color: #000; font-weight: 400; margin: 10px 0 0 0; padding: 0 0 3px; font-size: 16px; box-sizing: border-box; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; }
.join_wrap .input:focus { outline: none !important; border-color: #000 !important; }
.links { text-align: center; }
.links a { color: #666; display: inline-block; padding: 0 10px; }
.icon_dash { position: relative}
.icon_dash:after { content: "-"; font-size: 16px; display: inline-block; width: 10px; height: 16px;line-height: 16px; position: absolute; right: -7px; top: 7px; z-index: 10; color: #999 ;}
.form_title { font-size: 16px;padding: 0.375rem 0; display: inline-block; line-height: 1.5 }
.required::after {  content: '*'; color: var(--mbs-keycolor); display: inline-block;  margin-left:5px;}

.agree_wrap_join { border: 1px solid #dee2e6; border-radius: 7px; padding: 10px; height: 150px; overflow: auto; text-align: left; color: #666; }
.agree_wrap_join h3 { font-size: 14px; text-align: left; font-weight: bold; margin: 10px 0; }



.row_section { display:blockl}
.side_section { width: 220px; float: left;}
.right_section { width:calc(100% - 260px); float: right; }
.row_section:after { content: " "; display: table; clear: both}

.side_wrap { padding-left: 20px;}
@media (max-width: 992px) {
  .side_wrap { padding-left: 0;}
}
.side_h3 { font-size: 26px; font-weight: 600; text-align: left;}
.side_ul { padding: 20px 0}
.side_ul li {display: block; }
.side_ul li a { display: block; padding: 3px 0;font-size: 16px; color: #222; font-weight: 700; cursor: pointer}
.side_ul li a:hover {  color: var(--mbs-keycolor)}
.side_ul ul {padding: 0; margin-top: 5px;margin-bottom: 20px;}
.side_ul ul li a { display: block; padding:3px 0;font-size: 14px; color: #222; font-weight: 400}
.side_ul ul li a:hover {  color: var(--mbs-subcolor)} 
.side_ul ul li.active a {  color: var(--mbs-keycolor) }
.right_h4 {font-size: 30px;  font-weight: 700; text-align: left; padding-bottom: 40px;}
.right_h4 i {font-size: 20px;  color: #999;   display: inline-block; margin: 0 10px; vertical-align: 2px; } 
.right_h4 .h4_record {font-size: 30px;  color: #333; font-weight: 400; }
.right_wrap { width: 100%;} 
.sch_result { text-align: left; font-size: 14px;}
.sch_result strong { color: var(--mbs-keycolor)}
.sch_wrap { text-align: right;}
.sch_input {padding: 0.375rem 0.75rem; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in; background-color: transparent; display: inline-block}
.sch_input input[type="text"] { border: 0; line-height: 1.5; padding: 0;}
.sch_input:focus { border-color: #666;}
.sch_input .btn_sch { padding: 0; border: 0; background-color: transparent; display: inline-block; cursor: pointer}
.table_head_line { border-top: 1px solid #666;}
.table_lg th, .table_lg td { font-size: 15px; padding:15px 7px; }
.table_lg .spec_th { font-size: 18px; font-weight: 700; text-align: left; padding-left: 30px;}
.spec_th img { vertical-align: middle; margin-right: 10px;}

.table_part_sepc th { padding-right: 150px !important; text-align: right; font-weight: normal !important; background-color: #f4f4f4}
.table_part_sepc td { padding-left: 150px !important; text-align: left; font-weight: normal}
.table_part_compare th { padding-right: 100px !important; text-align: right; font-weight: normal !important; background-color: #f4f4f4}
.table_part_compare td { padding-left: 50px !important; font-weight: normal}
.table_simple { border-collapse: collapse}
.table_simple th, .table_simple td { padding: 10px;}  
.table_simple2 { border-collapse: collapse}
.table_simple2 th, .table_simple2 td { padding: 5px; }



.no_data { text-align: center; padding: 100px 0 30px; background: url("../image/icon_info.png") center 20px no-repeat; background-size: 60px; font-size: 16px; color: #999;}
.no_result { text-align: center; padding: 140px 0 30px; background: url("../image/icon_warning.svg") center 20px no-repeat; background-size: 80px; font-size: 18px; color: #222;}
.no_review { text-align: center; padding: 120px 0 30px; background: url("../image/icon_noreview.svg") center 20px no-repeat; background-size: 100px; font-size: 18px; color: #222;}
.icon_list_att { display: inline-block}
.icon_list_att:hover {color: var(--mbs-keycolor)}
.icon_list_att + .icon_list_att { margin-left: 10px;}
.board_title { font-size: 18px;}
.board_att_itme { color: #999}
.board_att_itme a { color: #333}
.board_att_itme + .board_att_itme { margin-top: 10px;}
.board_att_itme::before { content: "\f0c6";  font-family: "Font Awesome 6 Free";font-weight: 900; display: inline-block; margin-right: 5px;}
.board_view_wrap { padding: 20px; max-width: 100%; overflow: hidden;border-bottom: var(--bs-border-width) solid var(--bs-border-color);}
.board_view_wrap img { max-width: 100%; height: auto}

.side_depth1 { margin-top: 20px;}
.side_depth1 > li { padding: 7px 30px 7px 0px; text-align: left;  position: relative; display: block; border-top: var(--bs-border-width) solid var(--bs-border-color);}
.side_depth1 > li > i { display: block; width: 30px; height: 30px; right: 0; top: 10px; position: absolute; color: #ccc; cursor: pointer}
.side_depth1 > li > i:hover { color: #999}
.side_depth1 > li a:hover { color: #999;}
.side_depth1 > li > a.current, .side_depth1 ul > li > a.current, .side_depth1 ul > li ul li a.current { color: var(--mbs-keycolor)}
.side_depth1 > li > a {display: block; cursor: pointer; font-weight: 700; font-size: 16px; color: #222 }
.side_depth1 > li > ul { display: none}
.side_depth1 > li a.current ul { display: block} 
.side_depth1 ul > li { padding: 7px 5px 0 15px; text-align: left; display: block; position: relative;}
.side_depth1 ul > li::before {content: "\f054";  font-family: "Font Awesome 6 Free";font-weight: 900; font-size: 10px; display:block; color: #999; position: absolute; left: 0; top: 11px; width: 15px; height: 16px;}
.side_depth1 ul > li > a {display: block; cursor: pointer; font-weight: 500; font-size: 16px; color: #222}
.side_depth1 ul > li ul li { padding: 7px 5px 0 10px; text-align: left; display: block; position: relative;}
.side_depth1 ul > li ul li::before { content: none}
.side_depth1 ul > li ul li a {display: block; cursor: pointer; font-weight: 500; font-size: 14px; color: #333 }
.good_sort_btns { text-align: right}
.good_sort_btns a { display: inline-block; margin: 0 10px; cursor: pointer;color: #666 !important; font-size: 16px;}
.good_sort_btns a:hover { color: #222 !important;}
.good_sort_btns a.active {color: #000 !important;}
.good_sort_btns a::before {content: "";   display: inline-block; margin-right: 5px; width: 4px; height: 4px; background-color: #ccc;border-radius: 2px; font-size: 12px; margin-bottom: 3px}
.good_sort_btns a.active::before {content: "\f00c";  font-family: "Font Awesome 6 Free";font-weight: 900; display: inline-block; width: 18px;height: 16px; background-color: transparent;margin-right: 5px; font-size: 16px; border-radius: 0;margin-bottom: 0}
 
.prod_top_cate {padding: 10px 0}
.prod_top_cate span { display: inline-block; padding: 0 5px; font-size: 16px; }
.prod_top_cate span + span::before { content: "\f054";  font-family: "Font Awesome 6 Free";font-weight: 900; font-size: 12px; color: #999; display: inline-block; margin-right: 10px;}
.prod_top_cate span:last-child { font-size: 18px; font-weight: bold; color: #222}
/*.row_summ { width: 100%; display: flex;}
.summ_left { width:65% }
.summ_right { width:35% }*/
.row_summ { width: 100%; }
.summ_left { width:100%; padding-right: 200px; box-sizing: border-box }
.summ_right { width:100% }

.summ_thumb_wrap { width: 100%; display: flex; z-index: 999; }
.summ_thumb_wrap .summ_thumb_list { width: 230px; padding: 10px;}
.summ_thumb_list li { border-radius: 3px; margin: 10px; overflow: hidden; cursor: pointer; display: block; width: 200px; height: 100px; margin: 10px auto 10px  0}
.summ_thumb_list li a { display: block; width:100px; height: 100px; border: 1px solid #eee;border-radius: 3px; overflow: hidden}
.summ_thumb_list li a.active { display: block; width: 100px;; height: 100px; border: 1px solid #999;}
.summ_thumb_list li img {border-radius: 3px;width: 100%;height: 100%; object-fit:contain; margin: auto;object-position: center center;}
.summ_thumb_wrap .summ_thumb_item { width: 100%; height: auto; overflow: hidden; margin: 0 auto 0 0}
.summ_thumb_item img {width: 100%;height: 100%; object-fit: contain; object-position: center left; cursor: pointer}
.bx-wrapper .summ_thumb_item img { width: 1130px;}
.summ_right_inner { padding: 0 10px 0 30px}
.summ_brand { color: #222; font-size: 18px; font-family: 'Roboto Condensed';font-weight: 700; }
.summ_name { font-size: 42px; font-weight: 700; color: #111; text-align: left; line-height: 1.2}
.summ_info { font-size: 16px; color: #999; padding: 0;font-weight: 300; margin-bottom: 20px;}
.summ_table { }
.summ_table th { font-size: 16px; color: #666; text-align: left; font-weight: 300;padding: 10px 0 }
.summ_table td { font-size: 16px;}
.summ_price_1 { font-size: 21px;font-weight: 700; line-height: 1.1}
.summ_price_1 .label_list0 { font-size:14px; color: var(--mbs-red); padding: 0; font-weight: 800 }
.summ_price_2 { font-size: 16px; padding: 5px 0;}
.summ_price_2 strong { text-decoration: line-through; color: #999; font-weight: 300}
.summ_price_2 .summ_price_per{ color: var(--mbs-keycolor); font-weight: 700}
.summ_price_3  { font-size: 16px;}
.summ_price_3 span { color: var(--mbs-keycolor); font-weight: 700}
.summ_btns { text-align: center}
.summ_btns a { display: inline-block; padding: 3px; color: #666; border-bottom: 2px solid #fff; font-size: 16px;transition: 0.3s; cursor: pointer}
.summ_btns a:hover {color: #333; border-bottom: 2px solid #333; transition: 0.3s;}
.summ_btns a + a { margin-left: 20px;}
.summ_btns a.on i { color:  var(--mbs-red);} 
.summ_btns a .bi-heart-fill {color:  var(--mbs-red);}
.summ_total_wrap { background: #fff; padding: 0; border-top: 1px solid #ddd}
.summ_total_ul li { display: block; padding: 15px 15px; min-height: 50px; position: relative; }
.summ_total_ul li+li { border-top: 1px solid #ddd; padding: 10px 15px; }
.total_txt1 { font-size: 16px; color: #000; padding-bottom: 10px; display: block; width: calc(100% - 80px) }
.total_txt2 { text-align: right; position: absolute; width: 80px; right: 0; top: 20px; }
.summ_total_ul .count_wrap { height: 30px; }
.summ_total_ul .plusminus_wrap { float: left; }
.plusminus_wrap { width: 100px; height: 30px; display: inline-block; position: absolute; margin-top: 0; padding: 0 0 0 30px; vertical-align: middle; box-sizing: border-box }
.plusminus_wrap .text { position: absolute; left: 30px; width: 40px; height: 30px; padding: 1px 4px 0px; margin-top: 2px; *margin-top: 0px;
border: 1px solid #e5e5e5; box-sizing: border-box; text-align: center; color: #000; font-size: 14px; }
.plusminus_wrap .numbtn_minus { position: absolute; left: 0; top: 2px; *top: 0;
vertical-align: top; width: 30px; height: 30px; line-height: 28px; border: 1px solid #d7d7d7; overflow: hidden; box-sizing: border-box; background: #f5f5f5 url(../image/bg_icons.gif) -1px -1px no-repeat; }
.plusminus_wrap .numbtn_plus { position: absolute; right: 0; top: 2px; *top: 0;
vertical-align: top; width: 30px; height: 30px; line-height: 28px; border: 1px solid #d7d7d7; background: #f5f5f5; overflow: hidden; box-sizing: border-box; background: #f5f5f5 url(../image/bg_icons.gif) -31px -1px no-repeat; }
.summ_total_ul .sel_price { float: right; position: relative; width: 200px; padding-right: 30px; text-align: right; height: 30px; }
.summ_total_ul .sel_price:after { content: ' '; display: table; clear: both; }
.summ_total_ul .sel_price p.pc { font-size: 16px; color: #000; }
.summ_total_ul .sel_price p.pc strong { font-size: 19px; }
.summ_total_ul .sel_price button.btn_cc { position: absolute; right: 0; top: 3px; width: 21px; height: 21px; background: #ffffff url(../image/bg_icons.gif) -66px -6px no-repeat; border: 0 none; border: 1px solid #d7d7d7 }
.summ_total_price { padding: 10px 5px; text-align: right; font-size: 16px; color: var(--mbs-keycolor);  border-top: 1px solid #ddd}
.summ_total_price strong { font-weight: normal; font-size: 30px; }
.summ_info2 { font-size: 14px; padding:5px 10px;background-color: #f4f4f4; color: #222; border-radius: 2px; font-weight: 500}

.dtl_header {position:sticky; width: 100%;top: 80px; left:0;scroll-behavior: smooth; z-index: 99}
.dtl_header_ul { height: 50px; background-color: #fff; border-bottom: 1px solid #ddd; display: flex; text-align: center; align-items: center;justify-content: center;} 
.dtl_header_ul li { display: block; padding: 0 40px;}
.dtl_header_ul li a {display: inline-block; height: 49px; line-height: 48px; font-size: 19px; color: #222; font-weight: 700;border-bottom: 2px solid #fff; cursor: pointer;transition: 0.3s;}
.dtl_header_ul li.active a {color: #333; border-bottom: 2px solid #333;}
.dtl_header_ul li a:hover {color: #333; border-bottom: 2px solid #333; transition: 0.3s;}
.dlt_content_wrap { width: 100%; max-width: 100%; min-height: 400px; padding-top: 80px; }
.dlt_content_wrap img { max-width: 100%;}
.sticky_on { position: fixed;  top: 80px; left:0; margin-top: 0 !important; width: 100%; }
.dlt_content_wrap .dlt_h4 { font-size: 24px; padding: 50px 0 0 0; font-weight: bold; padding-bottom: 40px;}
.review_stars { display: inline-block; width: 100px; height: 20px; }
.review_stars span { text-indent: -999px; visibility: hidden}
.review_stars[review-data="1"] { background: url("../image/icon_stars.png") 0px 0px no-repeat;}
.review_stars[review-data="2"] { background: url("../image/icon_stars.png") 0px -20px no-repeat;}
.review_stars[review-data="3"] { background: url("../image/icon_stars.png") 0px -40px no-repeat;}
.review_stars[review-data="4"] { background: url("../image/icon_stars.png") 0px -60px no-repeat;}
.review_stars[review-data="5"] { background: url("../image/icon_stars.png") 0px -80px no-repeat;}
.review_item { border-top: 1px solid #ddd; padding: 20px}
.review_author { margin-top: 20xp; color: #999; font-size: 14px;}
.review_title { font-size: 20px; font-weight: bold}
.review_content { font-size: 16px; padding: 10px 0}
.review_thumb { height: 120px; margin-top: 10px; height: 120px; display: flex;}
.review_thumb_item { width: 120px; height: 120px; cursor: pointer}
.review_thumb .review_thumb_item + .review_thumb_item { margin-left: 10px;}
.review_thumb_item img { object-fit: cover; width: 100%; height: 100%;}

.prd_slider { width: 100%; z-index: 9}
.prd_slider li { width: 100%; display: block; overflow: hidden; padding: 0; margin: 0} 
.prd_slider li img { width: 100%; height: auto} 

.store_dtl_wrap {}
.store_dtl_wrap .store_map { width:100%; height:75vh; background-color:#eee;}
.store_dtl_wrap .store_ul_part span { color: var(--mbs-keycolor); font-size: 18px;font-weight: 700; display: inline-block}
.store_dtl_wrap .store_ul_part span + span { margin-left: 20px;}
.store_dtl_wrap .store_name { font-size: 42px; font-weight: 700; color: #111; text-align: left;}
.store_dtl_wrap table { margin-top: 20px;margin-bottom: 20px;}
.store_dtl_wrap table th { font-size: 16px; color: #666; text-align: left; font-weight: 300;padding: 6px 0 }
.store_dtl_wrap table td { font-size: 16px; padding: 6px 0 }
.store_dtl_wrap .store_brand span { display: inline-block}
.store_dtl_wrap .store_brand span + span:before { content: '/'; color: #ccc; display: inline-block; padding:0 10px;}
.store_dtl_wrap .store_brand span img { width: 100%; height: auto;max-width: 100px; max-height: 30px; }

.find_wrap { text-align: center; padding: 30px 0; font-size: 24px; margin-top: 30px;}
.find_wrap strong { color: var(--mbs-keycolor)}
.compare_thumb, .compare_thumb a { max-width:100%;  height: 288px;aspect-ratio: 4 / 3; display:block }
.compare_thumb img, .compare_thumb a img  {width: 100%; height: 288px; object-fit: contain; object-position: center center;} 
.compare_empty { max-width:100%; height:300px;border:3px dashed #ddd; margin: 10px; border-radius: 10px; text-align: center;display: flex; text-align: center; align-items: center;justify-content: center;}
.compare_empty a { color: #999;cursor: pointer}
.compare_empty a:hover { color: #222;}

.my_summ_box { padding: 10px 0 10px 100px; height: 100px; background: url("../image/profile_icon1.png") 20px center no-repeat; background-size: 60px;display: flex;flex-direction: column;align-items: center;justify-content: flex-start; text-align: left; }
.my_summ_box .my_summ_txt { font-size: 14px; color: #999; width: 100%;white-space: nowrap; overflow: hidden;text-overflow: '..';}
.my_summ_box .my_summ_name { font-size: 24px;width: 100%;}
.my_summ_box .my_summ_name strong { font-weight: 700;}
.my_summ_box .my_summ_label { color: #222; font-size: 12px;width: 100%;}

.my_summ_box_dealer { padding: 10px 0 10px 100px; height: 100px;  background: url("../image/profile_icon2.png") 20px center no-repeat; background-size: 60px;}
.my_summ_box_dealer .my_summ_txt { font-size: 14px; color: #999; width: 100%;white-space: nowrap; overflow: hidden;text-overflow: '..';}
.my_summ_box_dealer .my_summ_name { font-size: 24px;width: 100%;}
.my_summ_box_dealer .my_summ_name strong { font-weight: 700;}
.my_summ_box_dealer .my_summ_label { color: #222; font-size: 12px;width: 100%;}

.my_dashboard {padding: 20px 15px; border-left: 1px solid #ddd; height: 100px; }
.my_dashboard .my_dash_name { width: 100%; text-align: left; font-size: 14px; font-weight: 700;}
.my_dashboard .my_dash_value {width: 100%; text-align: center; font-size: 19px; letter-spacing: 2px; }
.my_dashboard .my_dash_value strong { font-weight: 700; font-size: 23px; }
.my_dashboard  a {  cursor: pointer} 

.main_service_wrap {}
.main_service_item { background-color: #222; padding: 40px 30px; text-align: center; height: 400px; width: 100%; cursor: pointer; display: flex; align-items: center;flex-direction: column;justify-content: center; position: relative;  isolation: isolate;}
.main_service_item::after {  content: '';  position: absolute;  background-color: black;z-index: -1;  inset: 0;  opacity: 0.5;}
.main_service_item a { display: block}
.main_service_txt1 { font-size:24px; font-weight: 700; color: #fff;padding-bottom:10px; display: inline-block; border-bottom: 2px solid #222 ; margin-bottom: 10px;transition: 0.75s;}
.main_service_item:hover .main_service_txt1 { border-bottom: 2px solid #fff; transition: 0.3s;}
.main_service_item:hover::after {opacity: 0.85;transition: 0.3s;}
.main_service_txt2 { font-size:14px; font-weight: 300; color: #ccc; }
.service_item1 { background: url("../image/foot_bg1.png") center center no-repeat; background-size: cover;}
.service_item2 { background: url("../image/foot_bg2.png") center center no-repeat; background-size: cover;}
.service_item3 { background: url("../image/foot_bg3.png") center center no-repeat; background-size: cover;}
.service_item4 { background: url("../image/foot_bg4.png") center center no-repeat; background-size: cover;}

.table th { font-weight: 600}
.custom_wrap { width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,0.5); position:fixed; top: 0; left: 0; right: 0;}
.custom_in { max-width: 1500px; margin: 10px auto; height: calc(100vh - 20px); background-color: #fff}
.custom_head { background-color: #222; padding: 10px 20px; position: relative;}
.custom_head .custom_h4 { font-size: 23px; color: #fff; display: inline-block}
.custom_head .custom_close { display: block; position: absolute; right: 20px; top: 10px; width: 30px; height: 30px; background-color: ; border-radius: 15px; font-size: 23px; cursor: pointer; text-align: center; line-height: 1.4;opacity: 1; color: #fff}
.custom_close:hover{  transition: 0.3s; color: #fff; opacity: 0.7}
.custom_body { height: calc(100vh - 150px); overflow-y: auto; width: 100%;  }
.custom_foot { padding: 10px 0 0 0; text-align: center; }
.custom__info { padding:10px 20px; text-align: left; background-color: #f4f4f4; margin: 20px; border-radius: 10px;}
.custom_name { font-size: 19px; font-weight: 800; color: #222; text-align: center}
.custom_thumb { width: 300px; height: 220px; margin: 0 auto; display: inline-block}
.custom_thumb img { width: 100%; height: 100%;object-fit: contain; }
.custom_thumb_sm { width: 100px; height: 73px; margin: 0 auto; display: inline-block}
.custom_thumb_sm img { width: 100%; height: 100%;object-fit: contain; }

.btn_simple { font-size: 12px; border-radius: 10px; border:1px solid #ccc; padding: 1px 5px; display: inline-block; cursor: pointer}
.thumb100 { width: 100px; height: 75px; overflow: hidden; margin: auto}
.thumb150 { width: 150px; height: 120px; overflow: hidden;margin: auto} 
.thumb100 img, .thumb150 img { width:100%;  height:100%; object-fit: contain;} 
.order_name { text-align: left; font-size: 16px; font-weight: 700}
.order_item { padding: 10px 0;}
.order_item + .order_item { border-top: 1px dashed #ddd}
.order_item:after { clear: both; content: ''; display: table}
.order_state {  display: inline-block;}
.order_state .order_label, .order_state .order_label2, .order_state .order_label3 { font-weight: 700; font-size: 18px; display: inline-block; padding: 10px}
.order_state .order_label2 { color: var(--mbs-keycolor);}
.order_state .order_label3 { color: var(--bs-red);}
.order_date { font-size: 19px; font-weight: 800; margin-bottom: -10px; margin-top: 20px;}
.order_div {padding-top: 10px;}
.order_div + .order_div { border-top: 1px solid #ccc; }
.order_div .btn + .btn { margin-left: 10px;}
.cart_item { margin: 10px 20px; padding: 10px; border-bottom: 1px solid #eee;}
.option_name { font-size: 16px; color: #999; margin-bottom: 10px;}
.txt_cancel { color: #999; text-decoration: line-through}
.brd_b { border-bottom: 1px solid #999}
.brd_a {border:1px solid #ddd;}
.o_info { display: none} 
.agree_sm_wrap { height:100px; margin:10px; background-color:transparent; text-align:left; overflow: auto; border: 1px solid #ddd; padding: 10px;}
.agree_sm_wrap table th, .agree_sm_wrap table td {padding: 5px 5px; }
.agree_sm_wrap p { padding:0; margin:5px 0}
.display_n { display:none}
.btn_muted { color: #999;  cursor: pointer; }
.m_div1 { display:inline-block; margin:0 0 0 20px;}
.ul_flat li { padding: 5px; }

.ul_coupon li { padding: 5px 5px; }
.ul_coupon li + li { border-top: 1px solid #fff;}
.ul_coupon li .coupon_info { padding:5px 0 0 30px;}
.ul_coupon .radio + label { font-size: 16px; color: var(--mbs-keycolor); font-weight: 700}
.ul_coupon + .ul_coupon { border-top:1px solid #999; margin-top: 10px}
.order_float { display:none  ;  position: sticky;  left: -20px; top: 100px; width: 329px;}
.order_float.order_float_on {display: block; position: sticky; }


.ul_list1 li { padding: 2px 5px 2px 10px;}
.ul_list1 li:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #ccc; display: inline-block; margin-right: 10px;}
.wrap_reply { padding:10px 10px 10px 100px; background: url(../image/icon_reply.png)  20px 10px no-repeat; border-top: 1px solid #ddd;}
.wrap_reply .reply_txt1 { display:block; text-align:right; font-size:14px; color:#999; padding-top:20px;}
.view_att::before { content: "\f0c6"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #999; margin-right: 10px; display: inline-block; font-size: 14px;}

.wrap_pinquiry { border-top:1px solid #222; } 
.wrap_pinquiry a {font-size: 16px;color: #222; cursor: pointer}
.wrap_pinquiry a:hover { color: #000}
.wrap_pinquiry .label_wait { color: #999}
.wrap_pinquiry .label_fin { color: #222; font-weight: 700}
.wrap_pinquiry .label_lock { color:#999; }
.wrap_pinquiry a.label_lock:after { content: "\f023";  font-family: "Font Awesome 6 Free";font-weight: 900; font-size: 16px; width:20px; height:20px; margin-left: 10px;   display: inline-block}
.wrap_pinquiry a.label_lock:hover {color:#777;}
.wrap_pinquiry .label_reply {color: var(--mbs-keycolor); font-family: 'GmarketSansBold';}
.wrap_pinquiry .label_info { text-align: center;color:#999; }
.wrap_pinquiry .a { display: none}
.wrap_pinquiry .wrap_q { padding: 10px 0; font-size: 16px;}
.wrap_pinquiry .wrap_a { padding: 15px 10px 10px 40px; font-size: 16px; background-color: #f4f4f4; position: relative; border-radius: 3px;}
.wrap_pinquiry .wrap_a:before { content: "\F132";  font-family: bootstrap-icons !important; font-weight: normal; font-size: 20px; color: #999; width:20px; height:20px; left: 10px; top: 10px; position: absolute;display: block}
.wrap_a_info { font-size: 14px; color: #999; padding-top: 10px;}
.wrap_a_info:before {content: "\F4CA";  font-family: bootstrap-icons !important; font-weight: normal; font-size: 16px; display: inline-block; margin-right: 5px; vertical-align: middle}
.btn-default { font-size: 14px; color: #666; border: 1px solid #666; padding: 3px 5px; border-radius: 2px;}
.wrap_pinquiry a.btn-default {font-size: 14px;}

.bx_dtl_prd { margin: 0 0; }
.ul_dtl_prd { height: 420px; width: calc(100% - 100px);overflow: hidden;}
.ul_dtl_prd:after { content: ' '; display: table; clear: both}
.ul_dtl_prd li { width: 25%;  background-color: #fff; border-radius: 0; float: left; cursor: pointer} 
.ul_dtl_prd li { display: block}
.ul_dtl_prd li .thumb1 { text-align: center; padding: 10px; width: 100%; max-height: 356px;}
.ul_dtl_prd li .thumb1 img { width: 100%;max-height: 356px; height: auto; object-fit: contain; margin: auto;object-position: center center;transition: 0.3s ease;} 
/*.ul_dtl_prd li .thumb1 img:hover { transform: scale(1.1);transition: 0.3s ease;}*/

.ul_dtl_prd .prod_li_txt1 { font-size: 18px;  font-weight: 700; text-transform: uppercase;}
.ul_dtl_prd .prod_li_txt2 { font-size: 18px; font-weight: 700}
.ul_dtl_prd .prod_li_txt3 { color: #999; text-decoration: line-through; display: inline-block; margin-left: 10px; font-weight: 300}
.ul_dtl_prd .prod_li_txt4 {font-size: 16px; color: #ea4f3d; font-weight: 400 }
.ul_dtl_prd .prod_li_txt5 {font-size: 14px; color: var(--mbs-keycolor); border: 1px solid  var(--mbs-keycolor); line-height: 1.1;padding: 1px 5px; display: inline-block; margin-right: 10px;} 
.ul_dtl_prd_btns {display: block;position: absolute; right: 10px; top:-70px; z-index: 9; width: 64px;}
.ul_dtl_prd_btns a { display: inline-block; width: 30px; height: 30px; border:1px solid #000; vertical-align: middle; text-align: center; line-height: 28px; cursor: pointer; opacity: 0.7}
.ul_dtl_prd_btns a img { width: 7px; height: auto }
.ul_dtl_prd_btns a + a { margin-left: -1px;}
.ul_dtl_prd_btns a:hover { opacity: 1; transition: 0.3s;} 


.bx_dtl_info { margin: 0 0; }
.ul_dtl_info { height: 520px; width: calc(100% - 100px);overflow: hidden;}
.ul_dtl_info:after { content: ' '; display: table; clear: both}
.ul_dtl_info li { width: 33.33%;  background-color: #fff; border-radius: 0; float: left; cursor: pointer} 
.ul_dtl_info li { display: block}
.ul_dtl_info li .thumb1 { text-align: center; padding: 10px; width: 100%; height: 100%; display: block; height: 465px;}
.ul_dtl_info li .thumb1 img { width: 100%;max-height: 466px; height: 100%; object-fit:cover; object-position: center center}
.ul_dtl_info li .thumb1:hover { filter: grayscale(100%); transition: 0.3s;}
.ul_dtl_info li .txt_1 { font-size: 18px; padding-left: 20px; padding-right: 20px; font-weight: 700}
.ul_dtl_info li .txt_2 { font-size: 14px; padding-left: 20px;}
.h4_line { border-bottom: 2px solid #222;}
.modal-header-dark {background-color: #222; color: #fff }
/*.modal-header-dark .btn-close { color: #fff; background-color: #fff;border-radius: 50%; opacity: 1;}
.modal-header-dark .btn-close:hover { opacity: 1;background-color: var(--mbs-keycolor); transition: 0.3s; color: #fff;
 background: var(--mbs-keycolor) url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat;
}*/
.modal-header-dark .btn-dark-close {color: #fff; border: 0; border-radius: 50%; opacity: 1;width: 1.2em;  height: 1.2em; padding: 1.2em;
    margin: calc(-0.5 * 1em) calc(-0.5* 1em) calc(-0.5* 1em) auto;  background: url("../image/ex_w.svg")  center/1.2em auto no-repeat;} 
.modal-header-dark .btn-dark-close:hover { opacity: 0.7;background-color:transparent; transition: 0.3s; color: #fff; } 
 
.table_th th { background-color: #f4f4f4}
.ul_dtl_color { display: block}
.ul_dtl_color li { display: inline-block; width: 30px; height: 30px; border:3px solid #fff; border-radius: 50%; cursor: pointer}
.ul_dtl_color li.selected { border-color: #333;}
.ul_dtl_color li a { background-color: #AF3F41;border-radius: 50%;display: inline-block; width: 24px; height: 24px;border:2px solid #ccc;  font-size: 0; line-height: 0; text-indent: -999px; overflow: hidden}
.ul_dtl_color li.selected a { border-color: #fff;}
.dlt_down_wrap { text-align: center; margin: 50px 0; padding: 50px; background-color: #eee;}
.dlt_down_wrap .dlt_down_itme { display: inline-block; padding: 0 30px; }
.dlt_down_itme .dlt_down_name {font-family: 'GmarketSansMedium';font-size: 18px;border-bottom: 2px solid #eee;  transition: 0.3s;}
.dlt_down_itme + .dlt_down_itme { border-left:1px solid #999;}
.dlt_down_itme a {font-size: 16px;font-weight: 700;border: 1px solid #222;display: inline-block; padding: 10px 20px; text-transform: uppercase;  background-color: #222; color: #fff; vertical-align: middle; cursor: pointer; font-family: Roboto Condensed, sans-serif; margin-left: 20px;}
.dlt_down_itme a i { margin-left: 10px;}
.dlt_down_itme:hover .dlt_down_name { border-bottom: 2px solid #222; transition: 0.3s;}
.dlt_down_itme:hover a { background-color: #000;}

.dlt_custom_wrap { text-align: center; margin: 50px 0; padding: 50px; background-color: #191919; color: #fff;}
.dlt_custom_wrap .h4_line {border-bottom: 2px solid #eee;}
.dlt_custom_wrap .btn-lg { font-weight: 700;font-family: 'Roboto Condensed';}

.feature_area { width: 100%;background-color: #fff;  padding: 50px 0 50px 0px;}
.feature_area:after { content: ''; clear: both; display: table}
.feature_item { width: 50%; float: left;}
.feature_item a { cursor: pointer}
.feature_item_txt { padding: 10px 20px; height:150px; overflow: hidden  }
.feature_item_img { width: calc(100% - 20px); margin: 0 10px; height: 400px;}
.feature_item_img img { object-fit: cover; width: 100%; height: 100%;}
.feature_item_txt1 { font-size: 24px; padding:0 0 10px 0; font-weight: 700}
.feature_item_txt2 { font-size: 16px;padding:0 0 10px 0;font-weight: 500  }
.feature_btns {display: block;position: absolute; right: 10px; top:-70px; z-index: 9; width: 64px;}
.feature_btns a { display: inline-block; width: 30px; height: 30px; border:1px solid #000; vertical-align: middle; text-align: center; line-height: 28px; cursor: pointer; opacity: 0.7}
.feature_btns a img { width: 7px; height: auto }
.feature_btns a + a { margin-left: -1px;}
.feature_btns a:hover { opacity: 1; transition: 0.3s;}  

.txt_order_fin { padding: 100px 0 20px 0; position: relative; font-size: 21px; font-weight: 600}
.txt_order_fin:before { content:'\F171'; font-family: bootstrap-icons !important; font-weight: normal; font-size: 46px; display: block; width: 50px; height: 50px; text-align: center; position: absolute; top: 20px; left: 50%; margin-left: -25px;}
.order_fin_txt1 { font-size: 19px;}
.order_fin_txt2 { font-weight: 800px;}
.order_fin_txt3 { padding: 3px 0;} 
.order_fin_txt4 { color: #999}

.compare_bar { z-index: 99;  height: 50px;  position: fixed; width: 100%; bottom: -51px; display: flex; justify-content: center; transition: all 0.3s ease;}
.compare_bar.show { bottom: 0;transition: all 0.3s ease;}
.compare_inner { display: flex; align-items: center;width: 100%;height: 3.125rem; border-top:1px solid #222; background-color: #fff; color: var(--subcolor);height: 50px; width: 100%;justify-content: center;
}
.compare_bar .compare_more { position: absolute; right: 10px; bottom: 10px; display: block; width: 30px; height: 30px;}
.compare_bar .compare_more a { font-size: 24px; color: #222;cursor: pointer; line-height: 30px;}
.compare_inner a { cursor: pointer}
.compare_txt { font-size: 17px; font-weight: 700; transition: all 0.3s;}
.compare_inner a:hover .compare_txt { border-bottom: 1px solid #222;transition: all 0.3s;}
.compare_badge {font-size: 14px; margin-left: 10px; display: inline-block; background-color: #222; color: #fff; font-weight: 700px; border-radius: 15px; padding: 2px 10px; letter-spacing: 2px;}

.compare_summ { width: 100%; overflow: hidden; padding: 10px;}
.compare_summ_btn { text-align: center}
.compare_summ_thumb { width: 100%; aspect-ratio: 19 / 14; margin: 10px;}
.compare_summ_thumb img { object-fit: cover; width: 100%; height: 100%; }
.compare_summ_name { font-size: 19px; font-weight: 800; padding: 10px;}
.compare_summ_empty {max-width:100%; height:300px;border:3px dashed #ddd; margin: 10px; border-radius: 10px; text-align: center;display: flex; text-align: center; align-items: center;justify-content: center;}
.compare_summ_empty a { color: #999; font-size: 16px; cursor: pointer}
.compare_summ_empty a:hover { color: #222;}

.brandnews_wrap { padding: 100px 0;  margin-bottom: 70px;  background: #000; }
.brandnews_wrap .main_h3_s {font-family: Roboto Condensed, sans-serif; font-weight: 700}
.brandnews_wrap .main_brandnews_ul li { height: auto}

.summ_thumb_zoom { width: 100vw; height: calc(100vh - 80px); position:fixed; top: 80px; left: 0; background-color: #fff; z-index: 109; display: none}
.summ_thumb_zoom_close { width: 50px; height: 50px; display: block; position: absolute; right: 50px; top: 20px; z-index: 99; font-size: 45px; text-align: center;cursor: pointer; line-height: 50px;}
.summ_thumb_zoom_close:hover { color: #999 }
.summ_thumb_zoom_item { width: 100%; height: 100%;}
.summ_thumb_zoom_item  img { object-fit:contain; width: 100%; height: 100%; margin: auto;object-position: center center; }
.coupon_wrap { padding: 30px; text-align: center; border: 1px solid #222; background-color: #f5f5f5}
.coupon_wrap .coupon_wrap_label { font-size: 21px; font-weight: 700 }
.coupon_wrap .form-coupon { border: 0; border-bottom: 1px solid #222; padding: 5px 10px; text-align: center; font-size: 19px; width: 400px;font-family: 'GmarketSansMedium'; background-color: transparent}
.coupon_wrap .form-coupon::-webkit-input-placeholder  { font-family: 'Pretendard'; }
.my_tab2 li {display: inline-block; }
.my_tab2 li a { display: inline-block; border-bottom: 2px solid #fff; padding: 5px 10px; font-size: 19px; margin: 10px 20px; color: #999; cursor: pointer;}
.my_tab2 li a.active { border-bottom: 2px solid #222; font-weight: bold; color: #222}
.my_tab2 li a strong { color: var(--mbs-keycolor);}
.coupon_list:after { clear: both; content: ''; display: table}
.coupon_item { border: 1px solid #e0e0e0; border-radius: 7px; padding: 20px; width: 48%; float: left; margin: 1%}
.coupon_item_head { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
.coupon_item_head div { display: inline-block;}
.coupon_item_head .coupon_item_head1 { font-weight: bold; font-size: 19px; margin-right: 10px}
.coupon_item_head a { color: #222;cursor: pointer}
.coupon_item_head .coupon_item_head2 { font-weight: bold; font-size: 16px;}
.coupon_item_txt1 { font-size: 16px; font-weight: normal; padding-bottom: 10px;}
.coupon_item_txt2 { color: #666;}
.coupon_item_txt3 { color: #666;}
.coupon_item_txt4 { color: #666;}
.coupon_item_txt4 a { cursor: pointer}
#coupon2-tab-pane .coupon_item_head, #coupon2-tab-pane .coupon_item_txt1  {  color:#999 }

.reg_img_wrap { padding: 10px 0 0 0 ;}
.reg_img_thumb { width: 200px; height: 200px; overflow: hidden; display: block; border-radius: 7px;}
.reg_img_thumb img { width: 100%; height: 100%;object-fit: cover; object-position: center center; }
.reg_img_btn { display: block; padding-top: 10px; width: 200px; text-align: center}

.mt0{margin-top:0 !important}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt22{margin-top:22px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt80{margin-top:80px}
.mb20{margin-bottom:20px}
.mb22{margin-bottom:22px}
.p40{padding:40px}

.txt_c {text-align:center !important;}

#d_container{clear:both;padding:0;margin:125px 0 0}
#d_contentWrap{margin:0 auto;padding-top:10px}
#d_contentWrap .Fh3_tit{color:#000;font-size:40px;font-weight:bold;text-align:center}
#d_contentWrap .Fh4_tit{color:#000;font-size:20px;font-weight:bold;letter-spacing:-1px;margin-bottom:17px}
#d_contentWrap .Fh5_tit{color:#333;font-size:16px;letter-spacing:-1px;margin:30px 0 7px 0}
#d_contentWrap .Fh5_tit.first{margin-top:0px}
#d_contentWrap .Fh3_txt{color:#4d4d4d;font-size:15px;text-align:center;margin-top:15px}
#d_contentWrap .list_box{border:1px solid #e5e5e5}
#d_contentWrap .list_box .date{background:#fafafa;border-bottom:2px solid #666;padding:20px 0 0 30px;position:relative;height:30px}
#d_contentWrap .list_box .date strong{color:#666;letter-spacing:0px;font-weight:bold}
#d_contentWrap .list_box .date .btn_go_ar{position:absolute;top:13px;right:10px}
#d_contentWrap .list_box .list_cont{padding:30px;width:100%;overflow:hidden}
#d_contentWrap .list_box .list_cont ul{width:489px;float:left}
#d_contentWrap .list_box .list_cont ul li{font-size:14px;line-height:30px}
#d_contentWrap .list_box .list_cont ul li a{color:#333}
#d_contentWrap .list_box .list_cont ul li a:hover{color:#000;text-decoration:underline;font-weight:bold}
#d_contentWrap .foot_box .foot_cont{color:#666;letter-spacing:0px;line-height:20px;margin-top:40px;border-bottom:1px solid #e5e5e5}
#d_contentWrap .foot_box .foot_cont.first{margin-top:0px;border-bottom:0px}
#d_contentWrap .foot_box .foot_cont.last{border-bottom:0px}
#d_contentWrap .foot_box .foot_cont .index li p{line-height:20px;letter-spacing:0px;color:#666}
#d_contentWrap .foot_box .foot_cont .index li p a:hover{text-decoration:underline}
#d_contentWrap .foot_box .foot_cont .officer{border:1px solid #e5e5e5}
#d_contentWrap .foot_box .foot_cont .officer h5{font-size:16px;color:#000;}
#d_contentWrap .foot_box .foot_cont .officer > ul{width:100%;overflow:hidden;height:160px}
#d_contentWrap .foot_box .foot_cont .officer > ul > li{float:left;padding:25px 0 30px 29px}
#d_contentWrap .foot_box .foot_cont .officer > ul > li:first-child{width:49%;border-right:1px solid #e5e5e5;float:left}
#d_contentWrap .foot_box .foot_cont .officer .officer_slist{margin-top:10px}
#d_contentWrap .foot_box .foot_cont .officer .officer_slist li{fletter-spacing:0px;color:#666}
#d_contentWrap .foot_box .caution_box{display:block;padding:17px 0 17px 30px;background:#fafafa;border:1px solid #e5e5e5;position:relative}
#d_contentWrap .foot_box .caution_box p{letter-spacing:0px;color:#666;line-height:20px}
#d_contentWrap .foot_box .caution_box p.last{font-weight:bold;padding-left:17px}
#d_contentWrap .foot_box .caution_box .btn_go_ar{position:absolute;top:33px;right:10px}
#d_contentWrap .foot_box .caution_box .btn_go_ar.position02{position:absolute;top:25px;right:10px}
#d_contentWrap .foot_box .caution_box .btn_go_ar.position03{position:absolute;top:15px;right:10px}

/* 이메일 무단수집 거부 */
.email_txt{letter-spacing:0px;color:#666;line-height:20px;margin-top:10px}
.email_txt_ul{letter-spacing:0px;line-height:20px;margin-top:5px}

/* ssl 보안인증 */
.ssl_txt{letter-spacing:0px;color:#666;line-height:20px}

/* table style01 */ 
#d_contentWrap .foot_box .foot_table01{border-top:2px solid #666;border-bottom:1px solid #bbb}
#d_contentWrap .foot_box .foot_table01 thead th{padding:10px 0px;color:#333;border-bottom:1px solid #888;border-left:1px solid #e5e5e5;text-align:center;font-weight:bold;font-size:14px}
#d_contentWrap .foot_box .foot_table01 thead th:first-child{border-left:0px solid #e5e5e5}
#d_contentWrap .foot_box .foot_table01 tbody th{font-weight:bold;padding:10px 0px;color:#4d4d4d;letter-spacing:0px;text-align:center;border-top:1px solid #e5e5e5}
#d_contentWrap .foot_box .foot_table01 tbody td{padding:10px 0px;letter-spacing:0px;text-align:center;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5}

.starR { background: url('../image/ico_review.png') no-repeat right 0; background-size: auto 100%; width: 20px; height: 20px; display: inline-block; text-indent: -9999px; cursor: pointer; }
.starR.on { background-position: 0 0; }

.wrap_cart { position: relative; }
.layerpopup--cart { width: 255px; position: absolute; bottom: 60px; left: 0; border: 1px solid #eee; padding: 10px; box-sizing: border-box; background: #fff; text-align: center; box-shadow: 3px 3px 0px #ccc; display: none }
.layerpopup--cart.view { display: block }
.layerpopup--cart_btn { text-align: right; padding: 0 0 0 0; }
.layerpopup--cart_btn a { display: inline-block; padding: 5px; cursor: pointer; font-size: 19px; }
.layerpopup__close img { width: 14px; height: 14px; }
.layerpopup--cart_txt1 { color: #666; font-size: 14px; padding: 10px 0; }
.layerpopup--cart_btns { text-align: center; margin: 20px 0 20px 0; }

.panel_title { font-size:18px; font-weight:bold; padding-bottom:10px;}
.txt_point1 { font-size: 24px; text-align: right; padding-right: 40px; }
.txt_point1 strong {font-size: 29px;}
.txt_point2 { font-size: 16px; text-align: left; padding-left: 20px; }
.point_inner { padding: 10px 0; }

.pop_head { color: #fff; background: #000; }
.pop_h1 { padding: 10px 15px; text-align: left; font-size: 19px; font-weight: normal; color: #fff; }
.pop_body { padding: 15px; }
.pop_footer { text-align:center; padding:10px 0; font-size:12px; color:#999; border-top:1px solid #ddd;}

#main_popup_wrap.open {bottom: 0; transition: all .5s; visibility:visible; opacity: 1;transition: all .5s; }
#main_popup_wrap { width: 400px; height: 540px; position: fixed; bottom:-100%; right: 0; z-index: 19; overflow: hidden;transition: all .5s; visibility:hidden; opacity: 0}
.main_popup_list {width: 400px; height: 540px;z-index:20; position:relative;} 
.main_pop_item { position: absolute; bottom: 0; right: 0}

.main_pop_body { width: 400px; height: 500px;  overflow: hidden}
.main_pop_body img { width: 100%; height: 100%; object-fit: cover; object-position: center center}
.main_pop_footer { width: 100%; height: 40px; text-align: left; padding: 10px 10px; box-sizing: border-box; background-color: #222}
.main_pop_footer .main_popup_btn { display: inline-block; color: #fff; padding: 0 10px; font-size: 14px; cursor: pointer; vertical-align: middle}
.main_popup_btn + .main_popup_btn:before { content: ''; width: 1px; background-color: #ccc; height: 15px; display: inline-block; vertical-align: middle; margin-right: 15px;} 

.terms_wrap p { color: #666; padding: 10px 0 10px 20px; margin: 0}
.terms_wrap .hr_line { border-top: 1px solid #fff; margin: 5px 0; padding: 0; display: block}
.terms_wrap ul, .terms_wrap li { list-style: none; padding: 0; margin: 0;color: #666;}
.terms_wrap ul { margin-left: 20px}
.terms_wrap h4 { font-size: 1.3em; padding: 20px 0 0 0; margin: 0; font-weight: bold}
.terms_wrap h5 { font-size: 1.1em; padding: 10px 0 0 0 ; margin: 0;}
.terms_wrap table { margin-top: 20px;}
.terms_wrap table th { background-color: #f4f4f4}
.label_notice {font-size: 12px; line-height: 1.1; padding: 3px 5px 0px 5px; display: inline-block; margin-right: 5px; font-weight: 400; font-family: 'GmarketSansMedium'; vertical-align: middle; color: var(--mbs-red); border: 1px solid var(--mbs-red); } 

.deal_main_slider_wrap { max-width: 100%;height: 500px;overflow: hidden;}
.deal_main_slider_item { width: 100%; height: 500px; overflow: hidden;}
.deal_main_slider_item a, .deal_main_slider_nav a { cursor: pointer}
.deal_main_slider_item img { width: 100%; height: 100%; object-fit:cover;object-position: center center}
.deal_main_slider_nav { width: 100%; height: 40px; background-color: #333}
.deal_main_slider_nav .deal_main_slider_thumb { color: #fff; text-align: center; width: 25%; float: left;}
.deal_main_slider_thumb a {color: #fff; display: block; height: 40px; line-height: 40px; width: 100%; overflow: hidden}
.deal_main_slider_nav .slick-current {background-color: #000} 
.dmain_dashborad { border: 1px solid #ddd; margin: 0;}
.dmain_dashborad .col-3 { padding: 0}
.apply_thumb_img {width: 100px; height: 100px; border-radius: 5px; overflow: hidden;  float: left; margin: 0 10px;}
.apply_thumb_img img { width: 100%; height: 100%; object-fit: cover;border-radius: 5px;}
.dealer_result_txt1 { text-align: center; font-size: 19px; padding: 20px 0}
.dealer_result_txt1 strong {color: var(--mbs-keycolor);}
.dealer_result_txt2 { text-align: center; padding: 10px 0}

.ul_dmain_prds:after { clear: both; content: ''; display: table}
.ul_dmain_prds li { width: 33.33%; float: left; height: 400px;} 
.ul_dmain_prds li a { cursor: pointer}
.ul_dmain_prds li .thumb1 {text-align: center; padding: 10px;display: block; --widthCont: calc(1580px - 340px); height: calc(var(--widthCont) / 4 - 60px* 74px); aspect-ratio: 10 / 7;}
.ul_dmain_prds li .thumb1 img { width: 100%;height: 100%;object-fit: contain; margin: auto;object-position: center center;}
.ul_dmain_prds li .txt_1 { font-size: 18px; padding-left: 20px;display: block}
.ul_dmain_prds li .txt_2 { font-size: 14px; padding-left: 20px;display: block}
.ul_dmain_prds .prod_li_txt1 { font-size: 18px;  font-weight: 400; text-transform: uppercase;}
.ul_dmain_prds .prod_li_txt2 { font-size: 18px; font-weight: 600}
.ul_dmain_prds .prod_li_txt3 { color: #999; text-decoration: line-through; display: inline-block; margin-left: 10px; font-weight: 300}
.ul_dmain_prds .prod_li_txt4 {font-size: 16px; color: #ea4f3d; font-weight: 400 }
.ul_dmain_prds .prod_li_txt5 {font-size: 14px; color: var(--mbs-keycolor); border: 1px solid  var(--mbs-keycolor); line-height: 1.1;padding: 1px 5px; display: inline-block; margin-right: 10px;} 
.ul_dmain_prds .prod_li_txt_wrap { height: 90px; position: relative} 
 
.dmain_slick_bnts { width: 100%; position: relative}
.dmain_slick_bnts .new_prev, .dmain_slick_bnts .new_next { display: block; width: 40px; height: 40px; position: absolute; bottom: 150px; cursor: pointer; padding-left: 40px; overflow: hidden; text-indent: -99px; opacity: 0.5}
.new_prev { background: url("../image/icon_chevron_right.svg") center center no-repeat; background-size: 16px; left: 10px;} 
.new_next { background: url("../image/icon_chevron_left.svg") center center no-repeat; background-size: 16px; right: 10px;}
.new_prev:hover, .new_next:hover {opacity: 1; transition: 0.3s;}

 
.brd_l { border-left: 1px solid #ddd;} 
.tb_order_div tr + tr {  border-top: 1px solid #ddd;}

.ul_promotion li { width: 33%; height: 400px; float: left; padding: 0 10px; box-sizing: border-box}
.ul_promotion:after { content: ''; display: table; clear: both}
.ul_promotion .ul_prom_thumb { width: 100%; height: 300px; overflow: hidden; border-radius: 7px; margin-bottom: 10px;overflow: hidden; position: relative;  }
.ul_promotion .ul_prom_thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center center;border-radius: 7px;  } 
 
.ul_promotion .ul_prom_thumb .event_li_ended { width: 100%; height: 100%; background-color: rgba(0,0,0,0.20); display: flex; position: absolute; top: 0; left: 0; z-index: 2;align-items: center;justify-content: center;}
.event_li_ended span { text-align: center; font-weight: 600; font-size: 32px; color: #fff; display: block}

.ul_promotion .ul_prom_ttl { font-size: 16px; font-weight: bold}
.ul_promotion .ul_prom_sum {font-size: 14px; font-weight: normal; color: #999;}

.img_center img { margin-left: auto; margin-right: auto;}
.lable_win { display: inline-block; background-color: goldenrod; color: #fff; font-family: 'GmarketSansMedium'; padding:4px 14px 1px 14px; border-radius: 15px; vertical-align: middle}

 
.progm_ul li { display: block; float: left; width: 33.333%; padding: 0 20px;}
.progm_ul li a { display: block; cursor: pointer}
.progm_ul:after { content: ''; display: table; clear: both;}
.progm_ul li .progm_li_thumb { width: 100%; display: block; --widthCont: calc(100vw - 340px); height: calc(var(--widthCont) / 4 - 60px * 74px); aspect-ratio: 10 / 7; max-height: 264px; overflow: hidden; position: relative;} 
.progm_ul li .progm_li_thumb img {  width: 100%;height: 100%; object-fit: contain; margin: auto;object-position: center center;transition: 0.3s ease;}
 
.progm_ul .progm_li_txt_wrap { height: 80px; position: relative} 
.progm_ul .progm_select_btn { display: block; padding: 10px; text-align: center; border: 1px solid #333; color:#222;  font-weight: bold; font-size: 16px; border-radius: 4px;}
.progm_ul .progm_select_btn:hover { border: 1px solid #222; color:#fff !important; background-color: #333}
.progm_ul .progm_select_btn.selectd {border: 1px solid #222; color:#fff !important; background-color: #333}

.progm_label1 {  font-family: 'GmarketSansMedium'; font-size: 14px; display: block; padding:0; color: #999;}
.progm_label2 { font-size: 22px; display: block; padding:0; color: #333;}
.program_info1 { display: inline-block; font-size: 18px; font-weight: 600; margin-top:10px;}
.progr_title1 {font-size: 18px; font-weight: 600; display: block;}
.progr_txt2 { padding: 10px;}
.program_info_ul { margin-top: 10px;}
.program_info_ul li span {font-size: 18px; font-weight: 600; padding: 5px; width: 245px; display: inline-block}
.program_info_ul li + .program_info_ul li { margin-top: 5px;}

.commnet_section { margin: 30px}
.comment_head { padding: 20px 0;}
.comment_head i { font-size: 18px; margin-right: 10px;}
.comment_write { border-radius: 7px; padding: 15px; border:2px solid #ddd;}
.comment_write .comm_w_name { font-size: 13px; font-weight: bold;}
.comm_w_input textarea { border: 0; width: 100%; height: 40px;}
.comm_w_btns { text-align: right;}
.comment_item { border-top: 1px solid #ddd; padding: 20px 20px 20px 60px; background: url("../image/user_icon.png") left 10px top 20px no-repeat; background-size: 40px;}
.comm_item_content { padding: 5px 0; text-align: left; font-size: 16px;}
.comm_item_name { font-weight: bold; font-size: 14px;}
.comm_item_info .comm_item_date { font-size: 13px; color: #999;}
.comm_item_btn { display: inline-block; cursor: pointer; color: #999;}
.comm_item_btn + .comm_item_btn { margin-left: 10px;}

.evt_write_wrap {border-radius: 7px; padding: 15px; border:2px solid #ddd;}
.evt_form label { display: inline-block; width: 80px;}
.evt_form input { border: 0; border-bottom: 1px solid #111;}
.txt_count { display: inline-block; width: 70px; text-align: center;color: var(--mbs-keycolor);}
.evt_textarea { border: 0; padding: 15px; width: 100%; height: 80px; background-color: #f4f4f4; border-radius: 10px;}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {  -webkit-appearance: none; margin: 0;}
input[type='number'] {  -moz-appearance: textfield;}

.wrap_private .label_lock { color:#999; }
.wrap_private a.label_lock:after { content: "\f023";  font-family: "Font Awesome 6 Free";font-weight: 900; font-size: 16px; width:20px; height:20px; margin-left: 10px;   display: inline-block}
.wrap_private a.label_lock:hover {color:#777;}

.order_btn { padding: 15px 20px; color: #fff; border-radius: 7px; text-align: center; display: inline-block; font-size: 16px; border: none;background-color: #0066cc;}
.nav_div_line { position: relative; margin-right: 30px;}
.nav_div_line:after { content: ''; width: 1px; height: 230px; display: block; position: absolute; top: 15px; right: 15px;   background-color: #ddd;}
.array_box { width: 20px; height: 28px; display: inline-block; position: relative;margin-top: -10px}
.array_box a { position: absolute; width: 20px; height: 14px; display: block; left: 0; top: 9px; line-height: 14px; font-size: 14px; cursor: pointer; color: #999}
.array_box .array_up {top: 9px;}
.array_box .array_down { top: 22px;}
.array_box a.active { color: #000;}