@charset "utf-8";

/************************** common style ******************************/
html {padding:0; margin:0;}
body {padding:0; margin:0; font-family:"µ¸¿ò", "dotum", "verdana"; font-size:12px; color:#666;}
ul, ol, li, dl, dt, dd {list-style:none;}

body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%;padding:0; margin:0;}
hr, caption {display:none;}
img {border:none; vertical-align:top;}
input {vertical-align:top; color:#666; vertical-align:middle;}
select {vertical-align:top; color:#666;}
a{outline:none; text-decoration:none; border:none; padding:0px; border:0; color:#666;}
a:hover, a:active{text-decoration:none; padding:0px; border:0;}
a.link, a:hover.link {color:#666666; text-decoration:none;}
table {border-collapse:collapse; padding:0; border-spacing:0px; border:0;}

/************************** form style ******************************/

input.text {border:1px solid #ccc; font-size:12px; padding:2px; color:#7a7a7a; height:17px; vertical-align:middle;}
input.file {border:1px solid #d1d1d1; font-size:12px; padding:2px 0; color:#7a7a7a; background-color:#fff;}
select.select {border:1px solid #ccc; font-size:12px; vertical-align:middle; padding:2px;}
input.radio {vertical-align:middle;}
input.check {vertical-align:middle;}
textarea.textarea {border:1px solid #ccc; font-size:12px; padding:2px; color:#7a7a7a; vertical-align:top;}

/* padding, margin */
.tMar3 {margin-top:3px !important;}
.tMar5 {margin-top:5px !important;}
.tMar10 {margin-top:10px !important;}
.tMar15 {margin-top:15px !important;}
.lMar10 {margin-left:10px !important;}

/* etc */
.fl {float:left !important;}
.fr {float:right !important;}
.cb {clear:both;}
.hidden {overflow:hidden; _zoom:1; width:100%;}

.lt {text-align:left !important;}
.rt {text-align:right !important;}
.ct {text-align:center !important;}

.bgNone {background:none !important;}
.borNone {border:none !important;}
.underline {text-decoration:underline;}

.ptColor01 {font-size:8pt; color:#ff6666 !important;}
.ptColor02 {color:#33cc00 !important;}
.ptColor03 {font-size:8pt; color:#999 !important;}

.w455 {width:455px !important; text-align:left;}
.w665 {width:665px !important;}
.w940 {width:940px !important;}
.w980 {width:980px !important;}
.wFull {width:99% !important;}


/* button */
.btnArea {overflow:hidden; _zoom:1; width:100%; margin:10px 0 15px;}
.btnArea .ltBtn {float:left; padding-left:5px;}
.btnArea .ltBtn a, .btnArea .ltBtn input {padding-right:1px;}
.btnArea .ctBtn {text-align:center;}
.btnArea .ctBtn a, .btnArea .ctBtn input {padding:0 3px;}
.btnArea .rtBtn {float:right; padding-right:5px;}
.btnArea .rtBtn a, .btnArea .rtBtn input {padding-left:1px;}


/* layout */
#wrapper {width:980px; margin:0 auto; padding-top:15px;}
#wrapper760 {width:760px; margin:0 auto; padding-top:15px;}

/* contents */
.section940 {width:940px;float:left;}
.section {width:760px; margin-bottom:30px; color:#848484; }
.section:after {content:" "; display:block; clear:both;}
.section h3 {font-weight:bold; color:#666; padding-bottom:10px;}
.status {text-align:right;}
.status span, .status a {vertical-align:middle; font-size:11px; color:#999; display:inline-block; padding-left:5px; margin-bottom:8px;}
.tblList {width:100%; background:url('/super_images/order/board_bg.gif') left top repeat-x;}
.tblList th {padding:12px 0 10px; color:#666; font-size:11px; line-height:12px; font-weight:normal; background:url('/super_images/order/th_bg.gif') right 12px no-repeat;}
.tblList td {padding:8px 6px; vertical-align:middle; color:#666666; font-size:11px; line-height:16px; text-align:center; border-bottom:1px solid #d6d6d6;}
.tblList td.post {overflow:hidden; text-align:left;  font-size:12px;}
.tblList td.post img {float:left; width:55px; height:55px; margin-right:12px;}
.tblList td.post p {float:left; color:#666; margin-top:12px;}
.tblList td.post p span {display:block; font-weight:bold; margin-bottom:3px;}
.tblList tr.view td {text-align:left; background-color:#f7f7f7; padding:10px 40px 10px 65px;}
.tblList tr.view td .reply {margin-top:10px; padding-left:40px; font-size:12px; background:url('/super_images/order/re.gif') left top no-repeat;}
.tblList td.amount input {float:left; width:30px; text-align:right; margin-top:-2px;}
.tblList td.amount  span {float:left; display:block; width:11px; padding:0 5px;}
.tblList td.amount  a {float:left; display:block;}
.tblList img {vertical-align:middle;}
.tblList .title {text-align:left; color:#666; font-size:12px !important;}
.tblList th.last {border-right:1px solid #d7d7d7; background:none;}

.tblView {border-top:1px solid #d6d6d6; font-size:12px;}
.tblView th {padding:10px; border-bottom:1px solid #d6d6d6; background-color:#efefef; font-weight:normal; font-size:12px};
.tblView td {padding:10px; border-bottom:1px solid #d6d6d6; text-align:left;}
.tblView_td {padding:10px; border-bottom:1px solid #d6d6d6; text-align:left;}
.tblView td input, .tblView td select, .tblView td textarea {margin:-4px 0;}

.paging {font-size:11px; text-align:center; margin-bottom:15px; line-height:12px;}
.paging span {padding:0 5px;}
.paging a, .paging a:hover {padding:0 3px; color:#999;}
.paging a.on {font-weight:bold; color:#666;}

.searchArea {width:100%; padding:12px 0; text-align:center; background-color:#f5f5f5;}
.searchArea input.text {width:200px;}
.searchArea input, .searchArea select {vertical-align:middle;}

.tit {width:100%; margin-bottom:12px;}
.tit:after {content:" "; display:block; clear:both; }
.tit h2 {float:left;}
.tit p {float:left; padding-top:5px;}
.tit h3 {float:left; display:inline-block; font-weight:bold; padding-right:10px;}
.tit .cmt {float:left; padding-left:12px; font-size:11px; color:#999; background:url('/super_images/order/th_bg.gif') left top no-repeat;}
.tit .rtBtn {float:right; margin-top:-4px;}
.line {border-bottom:1px solid #d6d6d6; padding-bottom:5px;}

.myInfo {border:3px solid #d6d6d6; width:100%;}
.myInfo ul {overflow:hidden; _zoom:1; padding:8px 10px;}
.myInfo li {float:left; width:33%; line-height:13px; padding:6px 0;}
.myInfo li.wide {width:66%;}


.myInfo li span {font-weight:bold;}

.productList {overflow:hidden; _zoom:1; width:100%; margin-bottom:30px;}
.productList ul {width:950px; margin-right:-20px;}
.productList li {float:left; width:170px; margin-right:20px; padding:20px 0;}
.productList li .img {position:relative;}
.productList li .img .tag {position:absolute; left:0; top:0;}
.productList li dl {border-bottom:1px solid #d6d6d6; padding:8px 0 10px; text-align:center;}
.productList li dt {font-weight:bold; color:#666; line-height:13px;}
.productList li dd {font-size:11px; color:#999; padding:8px 0;}
.productList li dd.price {font-weight:bold; font-size:12px; color:#999; padding-bottom:0;}
.productList li dd.price span {text-decoration:line-through;}
.productList li dd.price span.sale {text-decoration:none; color:#ff6666;} 
.productList li dd.icon {padding:0;}
.subProd ul {width:732px; margin-right:-12px;}
.subProd li {float:left;  margin-right:12px;}

.productInfo {overflow:hidden; _zoom:1; width:645px; margin:0 auto; margin-left:10px;}
.productInfo .fl {width:270px;}
.productInfo .fl .img {position:relative;}
.productInfo .fl .img .tag {position:absolute; left:0; top:0;}
.productInfo .fl .btn {text-align:center; margin-top:15px;}
.productInfo .fl .btn a {margin:0 8px;}

.productInfo .fr {width:350px; font-size:11px;}
.productInfo .fr li {color:#999; padding-bottom:12px; width:100%;}
.productInfo .fr li:after {content:" "; display:block; clear:both;}
.productInfo .fr li span {vertical-align:middle; text-decoration:none !important; color:#999 !important; font-size:11px !important; font-weight:normal; display:inline-block; padding-left:10px; background:url('/super_images/view/blt_point.gif') left 4px no-repeat;}
.productInfo .fr li.name {font-weight:bold; font-size:9pt; font-weight:bold; color:#666;font-family:Tahoma,±¼¸²;}
.productInfo .fr li.price01 {font-size:14px; color:#666666;}
.productInfo .fr li.price02 {font-size:14px; color:#33cc00;}
.productInfo .fr li.price03 {font-size:9pt; color:#ff6666;}
.productInfo .fr li.grade span {float:left;}
.productInfo .fr li.grade p span {width:48%; margin-bottom:10px; display:inline-block; background:none; padding:0;}
.productInfo .fr li.grade p {float:left; width:250px; padding-left:10px;}

.productInfo .fr li p.amount {display:inline;}
.productInfo .fr li p.amount input {width:30px; text-align:right; }
.productInfo .fr li p.amount span {display:inline-block; width:11px; background:none; padding-left:3px;}
.productInfo .fr li p.amount a {display:block;}

.tab {overflow:hidden; _zoom:1; width:100%; margin-bottom:25px; padding-bottom:10px; border-bottom:1px solid #d6d6d6;}
.tab li {float:left; padding:0 15px;  line-height:13px; background:url('/super_images/order/th_bg.gif') right 1px no-repeat;}
.tab li a {display:inline-block; }
.tab li a.on {font-weight:bold;}


.tabContainer {width:980 margin-bottom:60px;}
.tabContainer img {vertical-align:middle;}
.tabContainer .prodTab {position:relative; overflow:hidden; _zoom:1; width:980px; padding:0 15px; height:32px; margin-bottom:15px; background:url('/super_images/view/tab_bg.gif') right top repeat-x;}
.tabContainer .prodTab li {float:left;}
.tabContainer .prodTab li.top {position:absolute; right:15px; top:15px;}
.tabContainer .prodTab2 {position:relative; overflow:hidden; _zoom:1; width:950px; padding:0 15px; height:32px; margin-bottom:15px; background:url('/super_images/view/tab_bg.gif') right top repeat-x;}
.tabContainer .prodTab2 li {float:left;}
.tabContainer .prodTab2 li.top {position:absolute; right:15px; top:15px;}
.tabContainer .cmt {padding:10px;}

.tabContainer .guide {overflow:hidden; width:880px; padding:20px 25px 0; color:#666; line-height:18px;}
.tabContainer .guide dt {font-weight:bold; }
.tabContainer .guide dd {padding-bottom:20px;}
.tabContainer .float dt {float:left;}
.tabContainer .float dd {float:left; padding-left:5px;}
.tabContainer .float dd.clear {float:none; clear:both; overflow:hidden; width:100%; padding:0; _zoom:1;}
.point li {line-height:13px; padding:0 0 5px 10px; background:url('/super_images/view/blt_point2.gif') left 5px no-repeat;}