* { margin: 0; padding: 0; }
body { font: normal 11px/15px dotum, gulim; }
img { vertical-align: bottom; border: 0; }
table { border-spacing: 0; border-collapse: collapse; table-layout: fixed; }
ul, ol, li { list-style: none; }
a { color: #666; text-decoration: none; }
input, textarea, select { font: normal 12px gulim; vertical-align: middle; }
fieldset { border: 0; }
legend { width: 0; height: 0; font-size: 0; visibility: hidden; }

#header { height: 50px; border-bottom: 1px solid #d9dbda; }
#top-nav { position: relative; height: 50px; }
#top-nav ul { position: absolute; top: 0; right: 0px; }
#top-nav ul li { float: left; display: inline; }
#main-wrap { margin: 0 auto 50px; width: 1000px; }
h1 { margin-top: 50px; line-height: 30px; font-family: "malgun gothic", gulim, dotum; font-size: 20px; border-bottom: 2px solid #000; }

.order-info { margin-top: 30px; padding: 30px; border: 1px solid #ddd; }
.order-info li { padding: 3px 0; text-align: center; }
.order-info li span { margin: 0 3px; }
.order-info li span input { padding: 5px; width: 200px; border: 1px solid #ddd; }
.order-info .command {}
.order-info .command input { width: 270px; height: 30px; font-weight: bold; color: #fff; border: 1px solid #f00; background-color: #f50; }


#top-nav h1 { margin: 0; line-height: auto; border: 0; }
h3 { margin: 30px 0 5px; font-family: gulim; font-size: 12px; }
#order-total { margin: 50px 0 20px; font: bold 12px gulim; text-align: center; }
#order-total .price { font: bold 20px tahoma, verdana; }
#order-total #pay-price { color: #f36; }
#order-total .split { margin: 0 50px; }
.delivery-msg { padding: 50px 0 20px; text-align: center; }
.delivery-msg p { font: normal 20px/30px "malgun gothic", dotum; color: #00f; }
.delivery-msg p.msg { margin-top: 30px; font: normal 12px/15px "malgun gothic", gulim; color: #777; }
.summary { margin-top: 30px; padding: 15px; border: 1px solid #ddd; }
.summary li { padding: 0 0 0 10px; line-height: 20px; color: #777; background: url(./images/common/bul_dot.gif) no-repeat 0 7px; }
.command { margin-top: 20px; text-align: center; }

table.list { width: 100%; }
table.list th { height: 30px; font-size: 11px; font-weight: bold; text-align: center; color: #777; border: 1px solid #eee; background-color: #f5f5f5; }
table.list td { padding: 10px 0; font-size: 11px; text-align: center; color: #777; border: 1px solid #eee; }
table.list td.l { padding-left: 10px; text-align: left; }
table.list td.r { padding-right: 10px; text-align: right; }
table.list th.l-liner, table.list td.l-liner { border-left: 0; }
table.list th.r-liner, table.list td.r-liner { border-right: 0; }

table.insert { width: 100%; border-top: 1px solid #eee; }
table.insert th { padding-left: 20px; height: 30px; font-size: 11px; font-weight: normal; text-align: left; color: #777; background-color: #f5f5f5; border-bottom: 1px solid #eee; }
table.insert td { padding: 10px; font-size: 11px; color: #777; border-bottom: 1px solid #eee; }
table.insert td.total { font: normal 11px dotum; color: #f36; }
table.insert td.total span { font: bold 12px tahoma, verdana; }

#footer { clear: both; padding-top: 15px; height: 64px; border-top: 1px solid #dee5e7; background-color: #f6f8f8; }
.order-frm #footer { position: absolute; bottom: 0; width: 100%; }
#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; }