@charset "utf-8";

/* common */
* {padding: 0;margin: 0}
html {overflow-y:scroll;font-family: dotum,돋움;font-size: 12px;color: #666}
body {margin: 0;padding: 0; background:#f9f9f9;}
a {font-family: dotum,돋움;outline:none;letter-spacing:0;font-size: 12px}
a:link {text-decoration: none;color: #333}
a:visited {text-decoration: none;color: #333}
a:hover {text-decoration: none}
table a {color: #666;font-family: dotum,돋움;font-size: 12px}
ul,li {margin: 0;padding: 0;outline:none;letter-spacing:0;list-style: none}
img {margin: 0;padding:0;border: 0px}

span,div,input,select,textarea,iframe {letter-spacing: 0;outline:none;letter-spacing:0;font-family:dotum,돋움;font-size:12px}
caption {display: none}

.none {display:none}

/* input */
input.chk {margin:-1px 4px 0 0;vertical-align:middle;border:none}
input.text1 {border:1px solid #ebebeb;padding:5px}
label span {padding: 0 0 0 5px}
textarea.textarea {border:1px solid #ebebeb;padding:5px}

/* text align */
.txC {text-align:center}

/* font color */
.fc1 {color:#ed1c24}
.fc_green2 {color:#a2c22e}

/* margin */
.mb5 {margin-bottom:5px}
.mb7 {margin-bottom:7px}

.mt10 {margin-top:10px}

/* float */
.flR {float:right}
.flL {float:left}
.clear {clear:both}

/* padding */
.pw5 {padding:0 5px}
.pt20 {padding-top:20px}

/* margine */
.m0 {margin:0}

/* pagenation */
.pagenation {padding-top:20px}
.pagenation .center {position:absolute;left:50%;margin-left:-90px;overflow:hidden}
.pagenation span.selected{border:1px solid #eee;padding:5px 10px;background:#fff;color:#ee3232;font-weight:bold;display:block;float:left}
.pagenation a.notselected {padding:5px 10px;display:block;float:left}
.pagenation img {padding:0 3px;display:block;float:left;cursor:pointer}

/* table */
table {border-collapse:collapse;width:100%}
table#basic1 {}
table#basic1 tr.mouseover {background:#fff;cursor:pointer}
table#basic1 tr.mouseover td a {text-decoration:underline;color:red}
table#basic1 tr.mouseover td.thumb img {border:2px solid red}
table#basic1 th {border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 0;background:#f6f6f6;font-weight:normal;text-align:center}
table#basic1 td {text-align:center;border-bottom:1px solid #eee;padding:10px 0}
table#basic1 td.thumb img {border:2px solid #fbfbfb}
table#basic1 td.subject {text-align:left;padding-left:15px}
table#basic1 td.price {color:#23abf1}
table#basic1 td.point {color:#ef7175}
table#basic1 td.maker strong {color:#333}
table#basic1 .soldout {color:red}

/* boxgrid */
.boxgrid {width: 110px;height: 100px;float:left;background:#f15064;overflow: hidden;position: relative;cursor:pointer;margin:0 0px 23px 23px}

.boxgrid .boxcaption{float: left;position: absolute}
.boxgrid .thumb {position:relative;width:110px;height:100px;float:left;padding:15px}
.boxgrid .maker {padding-bottom:5px;display:block;color:#fff}
.boxgrid .subject {height:40px;display:block;width:80px;line-height:140%;overflow:hidden;color:#fff}
.boxgrid .subject a {font-size:12px;font-weight:normal;color:#fff}
.boxgrid .price {font-size:14px;font-weight:normal;color:yellow;letter-spacing:-1px}
.boxgrid .soldout {position:absolute;bottom:45px;left:-10px;display:block;color:#fff;text-align:center;width:100%}

/* other */
.message {padding-left:10px;color:red;font-size:11px}