@font-face {
	 font-family:'ng';
	 font-weight:normal;
	 font-style:normal;
	 src: url('../font/NanumGothic.eot');
	 src: local('?'), 
	 	  url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
		  url('../font/NanumGothic.woff2') format('woff2'),
		  url('../font/NanumGothic.woff') format('woff'),
		  url('../font/NanumGothic.ttf') format('truetype');
}

@font-face {
	 font-family:'ngb';
	 font-weight:normal;
	 font-style:normal;
	 src: url('../font/NanumGothicBold.eot');
	 src: local('?'), 
	 	  url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
		  url('../font/NanumGothicBold.woff') format('woff'),
		  url('../font/NanumGothicBold.ttf') format('truetype');
}

@import url('http://api.mobilis.co.kr/webfonts/v2/css/NanumGothicWeb');




/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a {
  background: transparent;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  padding: 0;
  border: 0;
  margin: 0;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 기본 스크롤바 */
html::-webkit-scrollbar {
  width: 0;
}
/* Images */
img {
  max-width: 100%;
}
/* Form Controls */
button,
input,
select,
textarea {
  border-radius: 0;
}
textarea {
  resize: vertical;
}
input.text,
textarea.text {
  -webkit-appearance: none;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #e5e5e5 #e5e5e5 #ccc;
  box-shadow: none;
  background-color: #fff;
  color: #333333;
}
input.text.full,
textarea.text.full {
  width: 100%;
}
input.text::-webkit-input-placeholder,
textarea.text::-webkit-input-placeholder {
  color: #999999;
}
input.text::-moz-placeholder,
textarea.text::-moz-placeholder {
  color: #999999;
}
input.text:-ms-input-placeholder,
textarea.text:-ms-input-placeholder {
  color: #999999;
}
input.text::placeholder,
textarea.text::placeholder {
  color: #999999;
}
/* For A11Y */
.for-a11y {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Skip to main content */
.skip-to-main {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Tab List, Button Group */
.tab-list,
.button-group {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tab-list:before,
.button-group:before,
.tab-list:after,
.button-group:after {
  content: " ";
  display: table;
}
.tab-list:after,
.button-group:after {
  clear: both;
}
.tab-list.col-2 .tab-list_item,
.button-group.col-2 .tab-list_item,
.tab-list.col-2 .button-group_item,
.button-group.col-2 .button-group_item {
  width: 50%;
}
.tab-list.col-3 .tab-list_item,
.button-group.col-3 .tab-list_item,
.tab-list.col-3 .button-group_item,
.button-group.col-3 .button-group_item {
  width: 33%;
}
.tab-list.col-3 .tab-list_item:first-child,
.button-group.col-3 .tab-list_item:first-child,
.tab-list.col-3 .button-group_item:first-child,
.button-group.col-3 .button-group_item:first-child {
  width: 34%;
}
.tab-list.col-4 .tab-list_item,
.button-group.col-4 .tab-list_item,
.tab-list.col-4 .button-group_item,
.button-group.col-4 .button-group_item {
  width: 25%;
}
.tab-list {
  width: 100%;
}
.button-group {
  margin: 0 0.5rem;
}
.tab-list_item,
.button-group_item {
  box-sizing: border-box;
  float: left;
  text-align: center;
}
.tab-list_item a,
.button-group_item a {
  display: block;
  text-decoration: none;
}
.button-group_item .button--normal {
  padding-top: 0.625rem;
  padding-bottom: 0.6875rem;
  font-size: 0.8125rem;
}








/* Tab Panels */
.tab-panel {
  display: none;
}
.tab-panel.active {
  display: block;
}
/* Toolbar */
.toolbar-list {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
.toolbar-list:before,
.toolbar-list:after {
  content: " ";
  display: table;
}
.toolbar-list:after {
  clear: both;
}
.toolbar-list_item {
  box-sizing: border-box;
  float: left;
  text-align: center;
}
.toolbar-list--col-2 .toolbar-list_item {
  width: 50%;
}
.toolbar-list--col-4 .toolbar-list_item {
  width: 25%;
}
.toolbar-list_item a {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
/* UI */
[data-ui=collapseControl] {
  cursor: pointer;
}
/* ==============================
   Buttons
   ============================== */
/* Button Core */
.button,
.button--normal,
.button--icon {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: baseline;
  padding: 0;
  border: 0;
  margin: 0;
  background-color: inherit;
  font: 100% / normal sans-serif;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  cursor: pointer;
  user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
input.button,
input.button--normal,
input.button--icon,
button.button,
button.button--normal,
button.button--icon {
  -webkit-appearance: button;
}
.button::-moz-focus-inner,
.button--normal::-moz-focus-inner,
.button--icon::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.button[disabled],
.button--normal[disabled],
.button--icon[disabled] {
  cursor: default;
}
.button.full,
.button--normal.full,
.button--icon.full {
  width: 100%;
}
/* Normal Button */
.button--normal,
.button--icon {
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
  background-repeat: repeat-x;
  box-sizing: border-box;
  padding: 0.64285714em 0;
  border: 1px solid #ccc;
  color: #333;
  font-size: 0.875rem;
}
.button--normal.active,
.button--icon.active {
  border-color: #36394b;
  box-shadow: inset 0 0.125rem 0.125rem -0.125rem rgba(0, 0, 0, 0.7);
  background-color: #858aa7;
  background-image: none;
  color: #fff;
}
.button--normal.dark,
.button--icon.dark {
  background-color: #636888;
  background-image: -webkit-linear-gradient(top, #9398b7, #636888);
  background-image: linear-gradient(to bottom, #9398b7, #636888);
  background-repeat: repeat-x;
  border-color: #36394b;
  color: #fff;
}
/* Icon Button */
.button--icon {
  width: 2.25rem;
  height: 2.25rem;
  color: transparent;
  font-size: 0;
  line-height: 2.125;
  text-shadow: none;
}
.button--icon [class^="icon--"],
.button--icon [class*="icon--"] {
  vertical-align: middle;
}
[class^="icon--"],
[class*="icon--"] {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}
input[type=checkbox].styled,
input[type=radio].styled {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  border: 0;
  background: transparent;
}
input[type=checkbox].styled:after,
input[type=radio].styled:after {
  background-image: url(../images/ui/sprite--form-elements-v2.png);
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  input[type=checkbox].styled:after,
  input[type=radio].styled:after {
    background-image: url(../images/ui/sprite--form-elements-v3@2x.png);
    background-size: 114px 45px;
  }
}
input[type=checkbox].styled[disabled] + label,
input[type=radio].styled[disabled] + label {
  color: #ccc;
}
input[type=checkbox].styled:after {
  background-position: -23px 0;
}
input[type=checkbox].styled:checked:after {
  background-position: 0 0;
}
input[type=checkbox].styled:disabled:after {
  background-position: -46px 0;
}
input[type=radio].styled:after {
  background-position: -23px -23px;
}
input[type=radio].styled:checked:after {
  background-position: 0 -23px;
}
input[type=radio].styled:disabled:after {
  background-position: -46px -23px;
}
html,
body {
  background: #fff;
}
html {
  height: 100%;
  background-image: url(../images/ui/loading_68x68.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 34px 34px;
}
html.ready {
  height: auto;
  background-image: none;
}
html.no-frame,
html.no-frame body {
  height: 100%;
}
/* for mw.auction.co.kr */
#wrap {
  background-color: #fff;
}
/* 프레임 */
.l-wrapper {
  width: 100%;
  overflow: hidden;
}
/* 메인 컨텐츠 영역 */
.l-main {
  -webkit-transition: -webkit-transform 300ms ease;
          transition: transform 300ms ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .l-main,
  .l-nav,
  .page-header,
  .footer-menu,
  .policy {
    font-size: 130%;
  }
}
/* 네비게이션 사이드바 */
.l-nav {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: none;
  width: 16.4375em;
  overflow: auto;
  overflow-x: hidden;
  background: #36394b;
  color: #fff;
}
.l-nav::-webkit-scrollbar {
  width: 0;
}
/* 네비게이션 사이드 열린 상태 */
html.l-nav-open,
html.l-nav-closing,
html.l-nav-open body,
html.l-nav-closing body,
html.l-nav-open .l-wrapper,
html.l-nav-closing .l-wrapper,
html.l-nav-open .l-main,
html.l-nav-closing .l-main {
  height: 100%;
  overflow: hidden;
  background: #36394b;
}
html.l-nav-open .l-main {
  -webkit-transform: translate3d(16.4375em, 0, 0);
          transform: translate3d(16.4375em, 0, 0);
  box-shadow: 0 0 0.5625rem #000000;
}
html.l-nav-open .l-nav {
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.l-nav-open .l-nav,
.l-nav-closing .l-nav {
  display: block;
}
/* 메인 바디 */
.l-main_body {
  font-size: 1rem;
  background: #fff;
}
/* 맨위로 */
.to-the-top {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 50%;
  width: 6.76923077em;
  height: 2.38461538em;
  margin-left: -3.38461538em;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  background: #fff;
  color: #333;
  font-size: 0.8125em;
  line-height: 2.38461538;
  text-decoration: none;
  text-align: center;
}
.to-the-top:after {
  background-image: url(../images/layout/sprite--layout-icons-v5.png);
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  vertical-align: text-top;
  width: 10px;
  height: 11px;
  margin-left: 4px;
  background-position: -263px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .to-the-top:after {
    background-image: url(../images/layout/sprite--layout-icons-v5@2x.png);
    background-size: 361px 24px;
  }
}
.to-the-top.active {
  display: block;
}
.layer--full--opened .to-the-top {
  display: none;
}
/* ==============================
   Header
   ============================== */
/* mw.auctino.co.kr overwrite */
.l-header body,
.search-keywords body,
.l-header div,
.search-keywords div,
.l-header dl,
.search-keywords dl,
.l-header dt,
.search-keywords dt,
.l-header dd,
.search-keywords dd,
.l-header ul,
.search-keywords ul,
.l-header ol,
.search-keywords ol,
.l-header li,
.search-keywords li,
.l-header h1,
.search-keywords h1,
.l-header h2,
.search-keywords h2,
.l-header h3,
.search-keywords h3,
.l-header h4,
.search-keywords h4,
.l-header h5,
.search-keywords h5,
.l-header h6,
.search-keywords h6,
.l-header pre,
.search-keywords pre,
.l-header form,
.search-keywords form,
.l-header fieldset,
.search-keywords fieldset,
.l-header input,
.search-keywords input,
.l-header select,
.search-keywords select,
.l-header textarea,
.search-keywords textarea,
.l-header p,
.search-keywords p,
.l-header blockquote,
.search-keywords blockquote,
.l-header th,
.search-keywords th,
.l-header td,
.search-keywords td,
.l-header legend,
.search-keywords legend {
  font-family: sans-serif;
}
.l-header {
  position: relative;
  width: 100%;
  background: #fff; height:50px;
}
.l-header_container {
  padding: 0.4375em 0.5rem 0.4375em 8.75em;
}
.l-header_logo {
  position: absolute;
  top: 50%;
  left: 40%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 6.125em;
  margin: 0;
  font-size: 1em; display:block;
}
.l-header_logo img {
  position: static;
  width: 100%;
  vertical-align: top;
}
.icon--nav {
  background-image: url(../images/layout/bg_menu_click.png);
  background-repeat: no-repeat;
  width: 32px;
  height: 29px;
  background-position: 0 0;
}
.icon--tel {
  background-image: url(../images/layout/bg_menu2_click.png);
  background-repeat: no-repeat;
  width: 32px;
  height: 29px;
  background-position: 0 0;
}

.l-header_button--nav {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.25em;
  height: 2.25em;
  padding: 0;
  overflow: hidden;
  background: #fff;
  white-space: nowrap;
  text-indent: 100%;
  font-size: 1em; border:0 !important;
}

.l-header_button--nav2 {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.25em;
  height: 2.25em;
  padding: 0;
  overflow: hidden;
  background: #fff;
  white-space: nowrap;
  text-indent: 100%;
  font-size: 1em; border:0 !important;
}
.l-header_button--nav .icon--nav {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.wrapper-dropdown-3 .icon--tel {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.icon--tel_s {
  background-image: url(../images/layout/bg_T_tel.png);
  background-repeat: no-repeat;
  width: 44px;
  height: 43px;
  background-position: 0 0; margin:0 auto;

}

.icon--tel_s2 {
  background-image: url(../images/layout/bg_T_tel.png);
  background-repeat: no-repeat;
  width: 44px;
  height: 43px;
  background-position: 0 -43px; margin:0 auto;

}
.wrapper-dropdown-3 {
    /* Size and position */
	position: absolute;
		  
right: 0.5rem;
    
	  width: 2.25em;
	  height: 2.25em;
	  padding: 0;


    /* Styles */
    
font-size: 1em; border:0 !important;
    cursor: pointer;
  white-space: nowrap;


}

.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;

}


.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    top: 110%;
	z-index:99999;
	
    right: 0;
	padding:0 !important;

    /* Styles */
    background: #31b3ab;
    
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #31b3ab transparent;    
}

.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}

.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #FFFFFF;
    
    box-shadow: inset 0 1px 0 rgba(90, 219, 212, 1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	text-align:center;
	font-size:0.9em;
}

.wrapper-dropdown-3 .dropdown li span {  display:block; 
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {box-shadow: none;
    
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border: none;
    
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background: #8ad335;
}

/* Active state */

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}


.mg0 { margin-top: 0 !important;}
.md_quick{ width:100%; margin:0 auto !important;background: #363636 !important; height:auto; overflow:hidden;
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;padding:0 !important;
}
.md_quick li { float:left; width:14.2%; }
.md_quick li span {  display:block; background-image: url(../images/main/bg_quick_menu.png);  background-repeat: no-repeat;  width: 44px;height: 45px; margin:0 auto;}
.md_quick li a {
    display: block; height:100%;
    padding: 10% 0;
    text-decoration: none;
    color: #FFFFFF;
    
    box-shadow: inset 1px 0 0 rgba(139, 147, 147, 1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	text-align:center;
	font-size:0.9em;
}

.md_quick li:first-of-type a {box-shadow: none;  }

.md_quick li:last-of-type a { border: none;}

.icon-quick01 {  background-position: 0 0px;}
.icon-quick02 {  background-position: 0 -45px;}
.icon-quick03 {  background-position: 0 -90px;}
.icon-quick04 {  background-position: 0 -135px;}
.icon-quick05 {  background-position: 0 -180px;}
.icon-quick06 {  background-position: 0 -225px;}
.icon-quick07 {  background-position: 0 -270px;}


@media only screen and (max-width: 360px) {
.md_quick li a {	font-size:0.7em;}
}

.m_content_01{ width:50%; margin:0; padding:0; float:left;}
.m_content_02{ width:50%; margin:0; padding:0; float:right;}

.main_cont{ width:100%; margin:0 auto !important; height:auto; overflow:hidden;
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;padding:0 !important;
}
.main_cont li{
    list-style: none;padding:0 !important;
}


.dn_quick{ width:100%; margin:0 auto !important; height:auto; overflow:hidden;
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;padding:0 !important;
}
.dn_quick li{ float:left; width:25%; padding:0 !important;
}


/* ==============================
   Navigation
   ============================== */
/* mw.auctino.co.kr overwrite */
.l-nav body,
.l-nav div,
.l-nav dl,
.l-nav dt,
.l-nav dd,
.l-nav ul,
.l-nav ol,
.l-nav li,
.l-nav h1,
.l-nav h2,
.l-nav h3,
.l-nav h4,
.l-nav h5,
.l-nav h6,
.l-nav pre,
.l-nav form,
.l-nav fieldset,
.l-nav input,
.l-nav select,
.l-nav textarea,
.l-nav p,
.l-nav blockquote,
.l-nav th,
.l-nav td,
.l-nav legend {
  font-family: sans-serif;
}
/* Links */
.l-nav a {
  color: #fff;
}
/* Navigation Toolbar */
.l-nav_toolbar--top {
  background: #282b3b;
  color: #afb5d8;
}
.l-nav_toolbar--top .toolbar-list {
  border-bottom: 1px solid #20222f;
}
.l-nav_toolbar--top .toolbar-list_item {
  position: relative;
  font-weight: bold;
  font-size: 0.6875em;
}
.l-nav_toolbar--top .toolbar-list_item + .toolbar-list_item {
  border-left: 1px solid #20222f;
}
.l-nav_toolbar--top .toolbar-list_item a {
  box-sizing: border-box;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
  color: #afb5d8;
}
.l-nav_toolbar--top [class^="icon--"],
.l-nav_toolbar--top [class*="icon--"] {
  background-image: url(../images/layout/sprite--layout-icons-v5.png);
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto 0.3125em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .l-nav_toolbar--top [class^="icon--"],
  .l-nav_toolbar--top [class*="icon--"] {
    background-image: url(../images/layout/sprite--layout-icons-v5@2x.png);
    background-size: 361px 24px;
  }
}
.icon--nav-login {
  width: 26px;
  height: 24px;
  background-position: -81px 0;
}

.icon--nav-logout {
  width: 26px;
  height: 24px;
  background-position: -363px 0;
}
.icon--nav-recent {
  width: 24px;
  height: 24px;
  background-position: -107px 0;
}
.icon--nav-basket {
  width: 26px;
  height: 24px;
  background-position: -131px 0;
}
.icon--nav-my-auction {
  width: 26px;
  height: 24px;
  background-position: -157px 0;
}
.badge--count {
  box-sizing: border-box;
  min-width: 1.25em;
  padding: 0.25em 0.33333333em 0.08333333em;
  border-radius: 0.58333333em;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.75);
  background: #fe434c;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1;
  text-align: center;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
}
.toolbar-list_item .badge--count {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
/* Navigation Block */
.l-nav_block {
  border-bottom: 1px solid #20222f;
}
.l-nav_block_title {
  padding: 0 0 0 0.9375em;
  border-bottom: 1px solid #2c2f3d;
  margin: 0;
  background: #454960;
  color: #afb5d8;
  font-weight: bold;
  font-size: 0.75em;
  line-height: 2.41666667;
  white-space: nowrap;
}
/* Navigation/Category List */
.nav-list,
.category-list {
  list-style: none;
  padding: 0;
  margin: -1px 0 0;
}
.nav-list a,
.category-list a {
  text-decoration: none;
}
.nav-list_item,
.category-list_item {
  border-top: 1px solid #2c2f3d;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 3.28571429;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .nav-list_item,
  .category-list_item {
    font-size: 1.1375rem;
  }
}
/* Navigation List */
.nav-list_item > a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 0 0.9375em;
}
.nav-list_item .new {
  position: absolute;
  width: 15px;
  height: 15px;
  margin: 0 0 0 5px;
  background-image: url(../images/layout/sprite--layout-icons-v7@2x.png);
  background-repeat: no-repeat;
  background-position: -385px 0;
  font-size: 0;
  top: 48%;
  -webkit-transform: translateY(-48%);
      -ms-transform: translateY(-48%);
          transform: translateY(-48%);
  background-image: url(../images/layout/sprite--layout-icons-v7.png);
}


.nav-list_item span {  display: inline-block; background-image: url(../images/common/bg_side_menu.png);  background-repeat: no-repeat;  width: 25px;height: 25px; margin-right:2px; vertical-align:middle;}

.icon-side01 {  background-position: 0 0px;}
.icon-side02 {  background-position: 0 -25px;}
.icon-side03 {  background-position: 0 -50px;}
.icon-side04 {  background-position: 0 -75px;}
.icon-side05 {  background-position: 0 -100px;}
.icon-side06 {  background-position: 0 -125px;}
.icon-side07 {  background-position: 0 -150px;}
.icon-side08 {  background-position: 0 -175px;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .nav-list_item .new {
    background-image: url(../images/layout/sprite--layout-icons-v7@2x.png);
    background-size: 400px 24px;
  }
}
.nav-list--col-2 {
  width: 100%;
}
.nav-list--col-2:before,
.nav-list--col-2:after {
  content: " ";
  display: table;
}
.nav-list--col-2:after {
  clear: both;
}
.nav-list--col-2 .nav-list_item {
  float: left;
  box-sizing: border-box;
  width: 50%;
  border-right: 1px solid #2c2f3d;
}
.nav-link {
  position: relative;
}
.nav-link:after {
  background-image: url(../images/layout/sprite--layout-icons-v5.png);
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
  height: 14px;
  right: 0.9375rem;
  background-position: -73px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .nav-link:after {
    background-image: url(../images/layout/sprite--layout-icons-v5@2x.png);
    background-size: 361px 24px;
  }
}
/* Category List */
.category-list_item {
  position: relative;
}
.category-list_item.active ~ .category-list_item {
  display: none;
}
.category-list_item_name {
  display: block;
  padding-left: 1.875rem;
  color: #fff;
}
.category-list_item_name.has-child:before {
  background-image: url(../images/layout/sprite--layout-icons-v5.png);
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  top: 50%;
  left: 0.9375rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-position: -58px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .category-list_item_name.has-child:before {
    background-image: url(../images/layout/sprite--layout-icons-v5@2x.png);
    background-size: 361px 24px;
  }
}
.category-list_item_name.back,
.category-list_item_name.active {
  padding-left: 0.9375rem;
}
.category-list_item_name.back:before,
.category-list_item_name.active:before {
  display: none;
}
.category-list_item_name.back > .button--category-link,
.category-list_item_name.active > .button--category-link {
  display: none;
}
.category-list_item_name.back {
  color: #636888;
}
.category-list_item_name.active {
  background-color: #fe434c;
  color: #282b3b;
  font-weight: bold;
}
.button--category-link {
  position: absolute;
  top: 50%;
  right: 0.9375rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 2.54545455em;
  padding: 0 0.45454545em;
  border: 1px solid #282b3b;
  color: #afb5d8;
  font-size: 0.78571429em;
  line-height: 2.36363636;
}
.button--category-link:after {
  background-image: url(../images/layout/sprite--layout-icons-v5.png);
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 9px;
  margin-left: 0.36363636em;
  background-position: -68px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .button--category-link:after {
    background-image: url(../images/layout/sprite--layout-icons-v5@2x.png);
    background-size: 361px 24px;
  }
}
.category-list_item_name.back + .button--category-link,
.category-list_item_name.active + .button--category-link {
  display: none;
}
/* Page Header */
.page-header {
  position: relative;
  padding: 0 40px;
  background-color: #36394b;
  color: #ffffff;
}
.page-header_back-button,
.page-header_home-button,
.page-header_share-button {
  position: absolute;
  top: 0;
  box-sizing: border-box;
  width: 40px;
  height: 100%;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
}
.page-header_back-button:before,
.page-header_home-button:before,
.page-header_share-button:before {
  background-image: url(../images/layout/sprite--layout-icons-v8.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: '';
  display: block;
  height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .page-header_back-button:before,
  .page-header_home-button:before,
  .page-header_share-button:before {
    background-image: url(../images/layout/sprite--layout-icons-v8@2x.png);
    background-size: 469px 24px;
  }
}
.page-header_back-button:active,
.page-header_home-button:active,
.page-header_share-button:active,
.page-header_back-button.active,
.page-header_home-button.active,
.page-header_share-button.active {
  background-color: #36394b;
  background-image: -webkit-linear-gradient(top, #20222f, #36394b);
  background-image: linear-gradient(to bottom, #20222f, #36394b);
  background-repeat: repeat-x;
}
/* ios 아이콘 */
.ios .page-header_back-button:before,
.ios .page-header_home-button:before,
.ios .page-header_share-button:before {
  background-image: url(../images/layout/sprite--layout-icons-v6.png);
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .ios .page-header_back-button:before,
  .ios .page-header_home-button:before,
  .ios .page-header_share-button:before {
    background-image: url(../images/layout/sprite--layout-icons-v6@2x.png);
    background-size: 385px 24px;
  }
}
.ios .page-header_share-button:before {
  width: 26px;
  height: 22px;
  background-position: -287px 0;
}
.page-header_back-button {
  left: 0;
}
.page-header_back-button:before {
  width: 11px;
  height: 21px;
  background-position: -273px 0;
}
.page-header_home-button,
.page-header_share-button {
  right: 0;
}
.page-header_home-button:before {
  width: 26px;
  background-position: -313px 0;
}
.page-header_share-button:before {
  width: 26px;
  height: 22px;
  background-position: -425px 0;
}
.page-title {
  width: 100%;
  overflow: hidden;
  margin: 0;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 2.22222222;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page-title_extra {
  display: inline-block;
  vertical-align: middle;
  color: #afb5d8;
  font-size: 0.75rem;
}
/* Top Drawer */
.top-drawer {
  border-bottom: 1px solid #333;
  overflow: hidden;
  background: #fff;
}
.top-drawer.collapsed {
  display: none;
}
/* **************************** */
/* ***********footer*********** */
/* **************************** */
/* mw.auctino.co.kr overwrite */
.footer-menu,
.policy {
  clear: both;
}
.footer-menu body,
.policy body,
.footer-menu div,
.policy div,
.footer-menu dl,
.policy dl,
.footer-menu dt,
.policy dt,
.footer-menu dd,
.policy dd,
.footer-menu ul,
.policy ul,
.footer-menu ol,
.policy ol,
.footer-menu li,
.policy li,
.footer-menu h1,
.policy h1,
.footer-menu h2,
.policy h2,
.footer-menu h3,
.policy h3,
.footer-menu h4,
.policy h4,
.footer-menu h5,
.policy h5,
.footer-menu h6,
.policy h6,
.footer-menu pre,
.policy pre,
.footer-menu form,
.policy form,
.footer-menu fieldset,
.policy fieldset,
.footer-menu input,
.policy input,
.footer-menu select,
.policy select,
.footer-menu textarea,
.policy textarea,
.footer-menu p,
.policy p,
.footer-menu blockquote,
.policy blockquote,
.footer-menu th,
.policy th,
.footer-menu td,
.policy td,
.footer-menu legend,
.policy legend {
  color: inherit;
  font-weight: normal;
  font-size: inherit;
  font-family: sans-serif;
}
.footer-menu {
  list-style: none;
  width: 100%;
  padding: 0;
  border-top: 1px solid #20222f;
  border-bottom: 1px solid #20222f;
  overflow: hidden;
  margin: 0;
  background: #282b3b;
  color: #fff;
  font-weight: bold;
  font-size: 0.8125em;
  line-height: 3.15384615;
  text-align: center;
}
.footer-menu > li {
  float: left;
  box-sizing: border-box;
  width: 22%;
  font-weight: bold;
}
.footer-menu > li:first-child {
  width: 33%;
}
.footer-menu > li:nth-child(2) {
  width: 21%;
}
.footer-menu > li:nth-child(4) {
  width: 24%;
}
.footer-menu > li + li {
  border-left: 1px solid #20222f;
}
.footer-menu > li > a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.policy {
  background-color: #272e38;
  padding: .275em .5rem .675em .5rem;

}
.policy ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.policy a,
.policy a[href^="tel"],
.policy a[href^="mailto"] {
  color: inherit;
  text-decoration: none;
}
ul.policy-company {
  width: 100%;
  overflow: hidden;
  margin:0 auto 0.09090909em auto;
}
.policy-company_item {
  float: left;
  width:33.33%;
  color: #fff !important;
  font-weight: bold;
  font-size: 0.875em !important;
  line-height: 2.15384615;
  text-align: center;
}
.policy-company_1 {
  width:100%;
  margin:0 auto;
  color: #fff !important;
  font-weight: bold;
  font-size: 0.675em !important;
  line-height: 2.15384615;
  text-align: center;
}

ul.policy-company .li2{background:url(../images/common/bg_bar_bt.png) no-repeat left center;}
ul.policy-address { float:left; width:80%;
  
  overflow: hidden;
  margin-bottom: 0.63636364em;
    font-size: 0.6875em;
  color: #fff;
}
ul.policy-address > li{
  clear: both;
  margin-bottom: 0.09090909em;
}
.policy-address_division {
  clear: none !important;
  float: left;
}
.policy-address_division + .policy-address_division:before {
  content: '|';
  margin: 0 0.36363636em;
  color: #4e5161;
}
@media screen and (max-width: 560px) {
  .policy-address_division.third,
  .policy-address_division.fourth {
    clear: both !important;
  }
  .policy-address_division.third:before,
  .policy-address_division.fourth:before {
    content: '';
    margin: 0;
  }
}
.policy-Copyright {
  line-height: 1;
    color: #fff !important;
  font-size: 0.6875em !important;
}
.cpoywrite{ clear:both; width:100%; margin:0 auto 0.375em auto;overflow: hidden; height:auto;}
.cpoywrite h1{ float:left; margin:0 10px 0 0  !important; width:15%; text-align:right;}

/* 레이어 */
.layer,
.layer--wide,
.layer--full,
.layer--cover {
  display: none;
  position: absolute;
  z-index: 110;
  top: 0;
  background: #fff;
  font-size: 1rem;
}
.layer.opened,
.layer--wide.opened,
.layer--full.opened,
.layer--cover.opened {
  display: block;
}
.layer,
.layer--wide {
  right: 0.5em;
  left: 0.5em;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.layer--full {
  right: 0;
  bottom: 0;
  left: 0;
}
.layer--full .layer_body {
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  overflow-scrolling: touch;
  position: absolute;
  z-index: 1;
  top: 2.5rem;
  right: 0;
  left: 0;
  overflow: auto;
  overflow-x: hidden;
}
html.layer--full--opened,
html.layer--full--opened body,
html.layer--full--opened .l-wrapper,
html.layer--full--opened .l-main {
  height: 100%;
  overflow: hidden;
}
.layer--cover {
  right: 0;
  left: 0;
}
.layer--cover.app--true {
  top: 0.5em;
}
html.layer--cover--opened {
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
html.layer--cover--opened body,
html.layer--cover--opened .l-wrapper,
html.layer--cover--opened .l-main {
  height: 100%;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
html.layer--cover--opened .slider_container {
  position: static;
  width: auto !important;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  left: 0;
}
html.layer--cover--opened .slider_slide--prev,
html.layer--cover--opened .slider_slide--next {
  display: none;
}
html.layer--cover--opened .slider_slide--active {
  position: static;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
@media only screen and (min-width: 640px) {
  .layer {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 60%;
  }
}
.layer_header {
  position: relative;
  z-index: 2;
  height: 2.5rem;
  overflow: hidden;
  background: #36394b;
  color: #fff;
}
.layer_title {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0;
  font-weight: normal;
  font-size: 1.1875rem;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
}
.layer_body > *:first-child {
  margin-top: 0;
}
.layer_body > *:last-child {
  margin-bottom: 0;
}
.layer_footer {
  position: relative;
  box-sizing: border-box;
  min-height: 2.1875em;
  background: #f2f2f2;
}
.layer_footer:before,
.layer_footer:after {
  content: " ";
  display: table;
}
.layer_footer:after {
  clear: both;
}
.layer_footer .button--close {
  float: right;
  padding: 0 0.83333333em;
  color: #333;
  font-size: 0.75em;
  line-height: 2.91666667;
}
.layer_footer .button--close:after {
  background-image: url(../images/N_index/sprite--index-v2.png);
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 0.41666667em;
  background-position: -44px -51px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .layer_footer .button--close:after {
    background-image: url(../images/N_index/sprite--index-v2@2x.png);
    background-size: 77px 73px;
  }
}
.layer_close {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  background-color: transparent;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
}
.layer_close:before {
  background-image: url(../images/layout/sprite--layout-icons-v5.png);
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 21px;
  height: 21px;
  background-position: -339px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.3dppx) {
  .layer_close:before {
    background-image: url(../images/layout/sprite--layout-icons-v5@2x.png);
    background-size: 361px 24px;
  }
}
/* 오버레이(Dimmed layer) */
.overlay {
  display: none;
  position: fixed;
  z-index: 105;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
}
.overlay.opened {
  display: block;
}
/* 이벤트 레이어 */
.layer--event {
  display: none;
  position: fixed;
  z-index: 101;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}
.layer--event.opened {
  display: block;
}
.layer--event .event-link {
  display: block;
  height: 100%;
}
.layer--event .event-link img {
  width: 100%;
  vertical-align: middle;
}
.layer--event_body {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
}
.layer--event_control {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.4em 0.53333333em;
  border-top: 1px solid #333;
  background: #f2f2f2;
  font-size: 0.9375em;
}
.layer--event_control:before,
.layer--event_control:after {
  content: " ";
  display: table;
}
.layer--event_control:after {
  clear: both;
}
.layer--event_check {
  padding-top: 0.4em;
  line-height: 1.46666667;
}
.layer--event_control .layer--event_check {
  float: left;
}
.layer--event_close {
  width: 6em;
  padding: 0.53333333em 0 0.46666667em;
  border: 1px solid #ccc;
  background: #fff;
}
.layer--event_control .layer--event_close {
  float: right;
}