@font-face {
    font-family: 'notokr-black';
    src: url('/fonts/bon/notosanskr-black.eot');
    src: url('/fonts/bon/notosanskr-black.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bon/notosanskr-black.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-black.woff') format('woff'),
         url('/fonts/bon/notosanskr-black.ttf') format('truetype'),
         url('/fonts/bon/notosanskr-black.svg#notosanskr-black') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'notokr-bold';
    src: url('/fonts/bon/notosanskr-bold.eot');
    src: url('/fonts/bon/notosanskr-bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bon/notosanskr-bold.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-bold.woff') format('woff'),
         url('/fonts/bon/notosanskr-bold.ttf') format('truetype'),
         url('/fonts/bon/notosanskr-bold.svg#notosanskr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-demilight';
    src: url('/fonts/bon/notosanskr-demilight.eot');
    src: url('/fonts/bon/notosanskr-demilight.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bon/notosanskr-demilight.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-demilight.woff') format('woff'),
         url('/fonts/bon/notosanskr-demilight.ttf') format('truetype'),
         url('/fonts/bon/notosanskr-demilight.svg#notosanskr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'notokr-light';
    src: url('/fonts/bon/notosanskr-light.eot');
    src: url('/fonts/bon/notosanskr-light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bon/notosanskr-light.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-light.woff') format('woff'),
         url('/fonts/bon/notosanskr-light.ttf') format('truetype'),
         url('/fonts/bon/notosanskr-light.svg#notosanskr-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-medium';
    src: url('/fonts/bon/notosanskr-medium.eot');
    src: url('/fonts/bon/notosanskr-medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bon/notosanskr-medium.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-medium.woff') format('woff'),
         url('/fonts/bon/notosanskr-medium.ttf') format('truetype'),
         url('/fonts/bon/notosanskr-medium.svg#notosanskr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-regular';
    src: url('/fonts/bon/notosanskr-regular.eot');
    src: url('/fonts/bon/notosanskr-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bon/notosanskr-regular.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-regular.woff') format('woff'),
         url('/fonts/bon/notosanskr-regular.ttf') format('truetype'),
         url('/fonts/bon/notosanskr-regular.svg#notosanskr-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-thin';
    src: url('/fonts/bon/notosanskr-thin.eot');
    src: url('/fonts/bon/notosanskr-thin.eot?#iefix') format('embedded-opentype'),
         url('/fonts/bon/notosanskr-thin.woff2') format('woff2'),
         url('/fonts/bon/notosanskr-thin.woff') format('woff'),
         url('/fonts/bon/notosanskr-thin.ttf') format('truetype'),
         url('/fonts/bon/notosanskr-thin.svg#notosanskr-thin') format('svg');
    font-weight: normal;
    font-style: normal;

}


body { font-size:12px; font-family:'Nanum Gothic', sans-serif; color:#6c6c6c; margin:0; padding:0; background-color:#e8e8e8; }

td, div, input, span, li {
	text-shadow:none;
}

.li_category {
	 font-family:'Nanum Gothic', sans-serif;
	 font-weight:bold;
	 height:38px;
	 font-size:14px;
	 border-bottom:1px solid #dddddd;
	 background-color:#ececec;
	 color:#000000;
}

.li_category:active, .li_category:visited, .li_category:hover {
	background-color:#ffffff;
	color:#000000;
}

a.dropmn:link, a.dropmn:visited, a.dropmn:active { color:#000000;text-decoration:none; color:#ffffff; font-family:'Nanum Gothic', sans-serif;	font-size:14px; letter-spacing:-1px;}
a.dropmn:hover { font-size:14px; text-decoration:underline;letter-spacing:-1px; }


.da {
	font-family:'Nanum Gothic', sans-serif;
	 font-weight:bold;
	 font-size:15px;
}

.fullimg {display: block;max-width:100%; height: auto;}

a.itemname:link, a.itemname:visited, a.itemname:active { text-decoration:none; color:#333333; font-family:'Nanum Gothic', sans-serif;	font-size:14px; letter-spacing:-1px;}
a.itemname:hover { font-size:14px; text-decoration:underline;letter-spacing:-1px; }


/* �����Ͽ� üũ�ڽ� ���� */
input[type=checkbox] {
    display: none;
}

input[type=checkbox] + label{
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 20px;
    font-size: 13px;
}

input[type=checkbox]+ label:before {

    content: "";
    display: inline-block;

    width: 20px;
    height: 20px;

    margin-right: 20px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
input[type=checkbox]:checked + label:before {

    content: "\2713";  /* üũ���� */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 20px;
    font-weight:800;
    color: #fff;
    background:#2f87c1;
    text-align: center;
    line-height: 20px;

}
/* �����Ͽ� üũ�ڽ� �� */



/* �����Ͽ� ��������ư */
.checks {position: relative;}
.checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -4px;
  width: 23px;
  height: 23px;
  text-align: center;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius: 100%;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before  {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.checks input[type="radio"]:checked + label:before {
  background: #E9ECEE;
  border-color: #adb8c0;
}
.checks input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #99a1a7;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}

/* �����Ͽ� ��������ư �� */