* { margin: 0; padding: 0; font-family: dotum; }
html, body { height: 100%; overflow: hidden; }
body { min-width: 1370px; font-size: 11px; line-height: 1.2em; }
img { vertical-align: bottom; border: 0; }
ul, ol, li { list-style: none; }
a { color: #666; text-decoration: none; }
table { border-spacing: 0; border-collapse: collapse; table-layout: fixed; }
table th, table td { padding: 0; }
legend { display: none; }

#header { height: 116px; }
#top-nav { position: relative; height: 50px; }
#top-nav ul { position: absolute; top: 0; right: 0px; }
#top-nav ul li { float: left; display: inline; }
#sel-cate { position: relative; height: 66px; background: url(images/common/bg_cate.gif) repeat-x; }
#sel-cate .summary { position: absolute; top: 28px; left: 219px; color: #737373; }
#sel-cate .summary em { font-style: normal; font-weight: bold; color: #f05050; }
#category { position: absolute; top: 18px; right: 20px; }
#category li { position: relative; float: left; display: inline; padding: 1px 0 0 9px; width: 150px; height: 40px; }
#category li img.num { position: absolute; top: 0; left: 0; z-index: 10; }
#category li select { width: 135px; height: 30px; line-height: 30px; }

#contents { position: relative; background-image: none; background-color: #ddd/*#f0f3f4*/; }
#contents.no-data { background: url(images/common/main.jpg) no-repeat top center #fff; }

#part-list th { height: 36px; font-weight: bold; text-align: center; color: #333; border: 1px solid #ececec; background-color: #f6f8f8; }
#part-list td { height: 36px; text-align: center; color: #737373; border: 1px solid #ececec; background-color: #fff; }
#part-list td.l { padding-left: 10px; text-align: left; }
#part-list tr.on td { background-color: #f8fafa; }

#img-wrap { position: relative; }
#img-wrap #big-img { display: none; position: absolute; top: 10px; left: 10px; overflow: hidden; border: 1px solid #ececec; background-color: #fff; }
#img-wrap #big-img #big-img-wrap { position: absolute; top: 0; left: 0; }
#img-wrap #big-img #big-img-wrap .flag { position: absolute; top: 0%; left: 0%; width: 3%; height: 5%; background-color: #f00; opacity: 0; filter: alpha(opacity=0); }
#img-wrap #big-img-control { display: none; position: absolute; top: 20px; right: 20px; z-index: 10; }
#img-wrap #big-img-control li { float: left; display: inline; }
#img-wrap #list-img { position: absolute; left: 10px; bottom: 10px; height: 200px; overflow: hidden; }
#img-wrap #list-img #part-list { position: absolute; left: 0; width: 10000px; height: 200px; background-color: #ddd/*#f0f3f4*/; }
#img-wrap #list-img #part-list li { float: left; display: inline; margin-right: 10px; padding: 10px; width: 200px; height: 200px; background-color: #fff; }
#img-wrap #list-img #part-list li .title { margin-bottom: 10px; padding-top: 8px; height: 19px; overflow: hidden; text-align: center; color: #737373; white-space: nowrap; background-color: #f6f8f8; }
#img-wrap #list-img #part-list li.on .title { background-color: #fcf; }
#img-wrap #list-img #part-list li .img .no-thumb { padding-top: 50px; width: 200px; height: 90px; line-height: 18px; text-align: center; }
#img-wrap #list-img-control { display: none; }
#img-wrap #list-img-control span { position: absolute; right: -20px; bottom: 70px; left: auto; height: 45px; z-index: 10; }
#img-wrap #list-img-control span:first-child { right: auto; left: 0; }

#list-wrap { position: absolute; top: 10px; right: 10px; width: 600px; }
#list-wrap #part-list-wrap { overflow: auto; overflow-x: hidden; }
#list-wrap #part-list-wrap .part-tbl { width: 100%; }
#list-wrap #part-list-wrap .part-tbl th { height: 36px; font-weight: bold; color: #333; border: 1px solid #ececec; background-color: #f6f8f8; }
#list-wrap #part-list-wrap .part-tbl td { height: 36px; text-align: center; color: #737373; border: 1px solid #ececec; background-color: #fff; }
#list-wrap #part-list-wrap .part-tbl tr.on td { background-color: #ffec9f; }
#list-wrap #part-list-wrap .part-tbl td.l { padding-left: 5px; text-align: left; }
#list-wrap #part-list-wrap .part-tbl td.r { padding-right: 5px; text-align: right; }

#list-wrap #order-list-wrap { position: absolute; right: 0; bottom: 60px; width: 600px; height: 350px; overflow: auto; overflow-x: hidden; }
#list-wrap #order-list { display: none; width: 100%; }
#list-wrap #order-list th { height: 36px; font-weight: bold; color: #333; border: 1px solid #ececec; background-color: #f6f8f8; }
#list-wrap #order-list #no-select td { text-align: center; }
#list-wrap #order-list td { height: 36px; text-align: center; color: #737373; border: 1px solid #ececec; background-color: #fff; }
#list-wrap #order-list td.l { padding-left: 5px; text-align: left; }
#list-wrap #order-list td.r { padding-right: 5px; text-align: right; }
#list-wrap #order-list td.cc a { color: #f00; }

#list-wrap #total-price { display: none; position: absolute; bottom: 10px; width: 100%; height: 40px; background-color: #e4eaec; }
#list-wrap #total-price span { float: left; display: inline; }
#list-wrap #total-price .ico { margin-right: 10px; }
#list-wrap #total-price .txt { margin: 3px 10px 0 0; width: 190px; height: 34px; font: bold 18px/32px "malgun gothic"; text-align: center; color: #6254b2; background: url(images/common/bg_total.gif) no-repeat; }
#list-wrap #total-price .pay { margin: 0 10px 0 0; padding: 15px 0 0 19px; color: #737373; background: url(images/common/bul_arrow.gif) no-repeat 0 15px; }
#list-wrap #total-price .btn { padding-top: 3px; }

#footer { clear: both; padding-top: 15px; height: 64px; border-top: 1px solid #dee5e7; background-color: #f6f8f8; }
#footer .center-wrap { position: relative; margin: 0 auto; width: 1000px; }
#footer .logo { position: absolute; top: 0; left: 0; }
#footer .copyright { position: absolute; top: 10px; left: 250px; line-height: 18px; font-size: 12px; color: #666; }