@charset "euc-kr";
html,
body {
margin: 0;
padding: 0;
}
/* common style */
body, textarea, div {
scrollbar-3dlight-color: #F2F2F2;
scrollbar-arrow-color: #B7B7B7;
scrollbar-base-color: #CFCFCF;
scrollbar-darkshadow-color:#E9E9E9;
scrollbar-face-color: #EEEEEE;
scrollbar-highlight-color: #F2F2F2;
scrollbar-shadow-color: #B7B7B7;
scrollbar-track-color: #E9E9E9
}
table, tr, td, select, textarea, div { font-family:dotum, Arial; font-size:9pt; color:#454545; letter-spacing:-0.8px; line-height:17px; }
form { margin:0px; padding:0px; }
a img { margin:0; padding:0; border:none !important; }
label { cursor:pointer; }
td a:link { font-family:dotum, Arial; font-size:9pt; color:#454545; text-decoration:none; }
td a:visited { font-family:dotum, Arial; font-size:9pt; color:#454545; text-decoration:none; }
td a:active { font-family:dotum, Arial; font-size:9pt; color:#454545; text-decoration:none; }
td a:hover { font-family:dotum, Arial; font-size:9pt; color:#3A85C7; text-decoration:underline; }
/* main menu style */
.mmStyle { font-family:dotum, Arial; font-size:9pt; line-height:34px; font-weight:bold; cursor:pointer; }
/* text */
.dp11, a.dp11:link, a.dp11:visited, a.dp11:active, a.dp11:hover { font-family:dotum, Arial; font-size:11px; letter-spacing:-1px; text-decoration:none; }
.gp12, a.gp12:link, a.gp12:visited, a.gp12:active, a.gp12:hover { font-family:dotum, Arial; font-size:12px; letter-spacing:-0.8px; text-decoration:none; }
.lh15 { line-height:15px; }
/* form */
//.input1 { font-family:dotum, Arial; font-size:9pt; color:#444444; border:1px solid #E7DBCE; line-height:15px; }
.input2 { font-family:dotum, Arial; font-size:9pt; background-color:#FFFFFF; color:#444444; border:1px solid #D7D7D7; line-height:15px; }
.input3 { font-family:dotum, Arial; font-size:9pt; background-color:#DADADA; color:#444444; border:1px solid #FFFFFF; line-height:15px; }
/* mouse form in-out */
.loginin { font-family:dotum, Arial; font-size:9pt; background-color:#ECECEC; color:#444444; border:1px solid #FFFFFF; }
.loginout { font-family:dotum, Arial; font-size:9pt; background-color:#DADADA; color:#444444; border:1px solid #FFFFFF; }
/* color */
.table-title { color:#333333; }
/* skin info */
.skininfo1 { font-family:Verdana,Arial; font-size:7pt; color:#808080; }
.skininfo2 { font-family:Verdana,Arial; font-size:8pt; color:#333333; }
.skininfo2 a:link { font-family:Verdana,Arial; font-size:8pt; color:#333333; }
.menu { font-family:dotum, Arial; color:#555555; text-decoration:none; }
.menu a:link { font-family:dotum, Arial; color:#555555; text-decoration:none; }
.menu a:visited { font-family:dotum, Arial; color:#555555; text-decoration:none; }
.menu a:active { font-family:dotum, Arial; color:#555555; text-decoration:none; }
.menu a:hover { font-family:dotum, Arial; color:#333333; font-weight:bold; text-decoration:none; }
.location { font-family:dotum, Arial; color:#FC7242; text-decoration:none; font-weight:bold; }
.location a:link { font-family:dotum, Arial; color:#FC7242; text-decoration:none; }
.location a:visited { font-family:dotum, Arial; color:#FC7242; text-decoration:none; }
.location a:active { font-family:dotum, Arial; color:#FC7242; text-decoration:none; }
.location a:hover { font-family:dotum, Arial; color:#FC7242; font-weight:bold; }
/* quick menu */
.quickmenu_line { line-height: 20px; }
.quickmenu { font-family:dotum, Arial; font-size:8pt; color:#6C8371; text-decoration:none; line-height:20px; }
.quickmenu a:link { font-family:dotum, Arial; font-size:8pt; color:#6C8371; text-decoration:none; }
.quickmenu a:visited { font-family:dotum, Arial; font-size:8pt; color:#6C8371; text-decoration:none; }
.quickmenu a:active { font-family:dotum, Arial; font-size:8pt; color:#6C8371; text-decoration:none; }
.quickmenu a:hover { font-family:dotum, Arial; font-size:8pt; color:#6C8371; text-decoration:underline; }
.styleinput { font-family:dotum, Arial; background-color:#FFFFFF; font-size:9pt; color:#333333; border:1px solid #e7dbce; line-height:15px; }
.styleinput_r { font-family:dotum, Arial; background-color:#FFFFFF; font-size:9pt; color:#444444; border:1px solid #e7dbce; line-height:15px; text-align:right; }
.styleselect { font-family:dotum, Arial; font-size:9pt; }
.styletextarea { font-family:dotum, Arial; background-color:#FFFFFF; font-size:9pt; border:#666666; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border:1px solid #E7DBCE; line-height:15px; }
.styletextareafs { font-family:dotum, Arial; background-color:#F2F2EC; font-size:9pt; border:#666666; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border:1px solid #E7DBCE; }
.stylebutton { font-family:dotum, Arial; background-color:#F3F3F3; font-size:9pt; border:#666666; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; padding-top:2px; cursor:pointer; height:20px; }
.stylebutton_mid { font-family:dotum, Arial; background-color:#F3F3F3; font-size:9pt; border:#666666; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; padding-top:2px; cursor:pointer; height:27px; width:85px; }
.stylebutton_big { font-family:dotum, Arial; background-color:#F3F3F3; font-size:9pt; border:#666666; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; padding-top:2px; cursor:pointer; height:40px; width:125px; }
/* INPUT BUTTON Style */
.button_new {
border-left: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
background-color:#EFEFEF;
font-family:dotum, Arial;
font-size: 9pt;
padding-top: 3px;
color:#333333;
height: 20px;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#BBBBBB', Positive='true');
}
.button_new1 {
border-left: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
background-color:#EFEFEF;
font-family:dotum, Arial;
font-size: 9pt;
padding-top: 1px;
color:#333333;
height: 18px;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#BBBBBB', Positive='true');
}
.box {
border-left: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
border-right: 0px solid #666666;
border-bottom: 0px solid #666666;
background-color:#EFEFEF;
font-family:dotum, Arial;
font-size: 9pt;
padding-top: 3px;
color:#333333;
height: 20px;
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#BBBBBB', Positive='true');
}
.out { font-family:dotum, Arial; font-size:9pt; color:#444444; border:1px solid #E7DBCE; line-height:15px; }
.outt { font-family:dotum, Arial; font-size:9pt; color:#444444; border:1px solid #E7DBCE; line-height:15px; }
.in { font-family:dotum, Arial; font-size:9pt; background-color:#EEEEEE; border:1px solid #E7DBCE; line-height:15px; }
.int { font-family:dotum, Arial; font-size:9pt; background-color:#EEEEEE; border:1px solid #E7DBCE; line-height:15px; }
.thead { font-family:dotum, Arial,sans-serif; font-size:9pt; font-weight:bold; color:#666666; }
.tbody { font-family:dotum, Arial,sans-serif; font-size:9pt; }
.empty { color:#333333; text-align:center; text-valign:middle; height:50px; }
.cost { font-family:Tahoma,Arial,sans-serif; font-size:8pt; line-height:150%; text-align:right; padding-right:7px; }
.cost a:link { font-family:Tahoma,Arial,sans-serif; font-size:8pt; color:#454545; text-decoration:none; }
.cost a:visited { font-family:Tahoma,Arial,sans-serif; font-size:8pt; color:#454545; text-decoration:none; }
.cost a:active { font-family:Tahoma,Arial,sans-serif; font-size:8pt; color:#454545; text-decoration:none; }
.cost a:hover { font-family:Tahoma,Arial,sans-serif; font-size:8pt; color:#0000FF; text-decoration:underline; }
.num { font-family:Tahoma,Arial,sans-serif; font-size:8pt; line-height:150%; text-align:center; }
.num a:link { font-family:Tahoma,Arial,sans-serif; font-size:8pt; color:#454545; text-decoration:none; }
.num a:visited { font-family:Tahoma,Arial,sans-serif; font-size:8pt; color:#454545; text-decoration:none; }
.num a:active { font-family:Tahoma,Arial,sans-serif; font-size:8pt; color:#454545; text-decoration:none; }
.num a:hover { font-family:Tahoma,Arial,sans-serif; font-size:8pt; color:#0000FF; text-decoration:underline; }
.page { font-family:dotum, Arial; font-size:9pt; color:#999999; line-height:150%; }
.page a:link { font-family:dotum, Arial; font-size:9pt; color:#999999; text-decoration:none; }
.page a:visited { font-family:dotum, Arial; font-size:9pt; color:#999999; text-decoration:none; }
.page a:active { font-family:dotum, Arial; font-size:9pt; color:#999999; text-decoration:none; }
.page a:hover { font-family:dotum, Arial; font-size:9pt; color:#0000FF; background-color:#F1F1F1; }
.page b { font-family:dotum, Arial; font-size:9pt; color:#808080; }
/* 주문 상품내역 레이어 */
.plist table { font-family:dotum, Arial; font-size:9pt; color:#6C8371; width:650px; border:#B8CCB2 3px solid; border-collapse:collapse; }
.plist th { font-family:dotum, Arial; font-size:9pt; color:#6C8371; background-color:#E4ECEC; text-align:center; height:25px; font-weight:normal; }
.plist td { font-family:dotum, Arial; font-size:9pt; color:#6C8371; background-color:#F7F7F7; text-align:center; padding:5 0 5 0; }
.td1 { padding: 0 0 0 7; text-align: left; }
.td2 { padding: 0 7 0 0; text-align: right; }
.td3 { padding: 0 0 0 0; text-align: center; }
/* vertical space */
.h5 { padding: 5 0 0 0; }
.h10 { padding: 10 0 0 0; }
/* debug */
.debug { color:#808080; font-family:dotum, Arial; font-size: 8pt; text-align:left; }
.debug font { color:#000080; }
.debug sql { color:#BA0000; }
/* help */
.help_text { font-family:dotum, Arial; font-size:12px; background-color:#F7F7F7; color:#008000; line-height:14pt; padding:5 10 5 10; }
.info_text { font-family:dotum, Arial; font-size:11px; color:#008000; line-height:14pt; padding:5 10 5 10; }
.info_text b { font-family:dotum, Arial; font-size:11px; color:#008000; line-height:14pt; font-weight: bold; }
.info_text font { font-family:dotum, Arial; font-size:11px; color:#008000; line-height:14pt; }
#sublist_style { width: 100%; hieght: 21px; background-color:#F4F4F4; }
#message_order {
position: absolute;
left: 0px;
top: 0px;
width: 700px;
z-index: 1;
border: 0px;
visibility: hidden;
}
#ordershowtable {
width: 700px;
text-align: center;
border: 3px solid #B8CCB2;
border-collapse: collapse;
background-color:#FFFDBD;
}
#data_loding {
font-family:dotum, Arial;
font-size: 9pt;
text-align: center;
line-height: 150%;
color:#888888;
width: 500px;
border: 1px solid #CCCCCC;
padding: 40px 10px 40px 10px;
margin: 200px auto auto 200px;
}
/* pagination */
.pagination {
padding: 2px;
}
.pagination ul {
margin: 0;
padding: 0;
text-align: right;
font-size: 16px;
}
.pagination li {
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
.pagination a, .pagination a:visited {
padding: 2px 4px 2px 4px;
/*border: 1px solid #E0E0E0;*/
border: 1px solid #FFFFFF;
text-decoration: none;
color: #666666;
font-family: Tahoma;
font-size: 11px;
}
.pagination a:hover, .pagination a:active {
border: 1px solid #2b66a5;
color: #000;
/*background-color: #FFFF80;*/
}
.pagination a.currentpage {
/*background-color: #2e6ab1;*/
color: #F23219 !important;
/*border-color: #2b66a5;*/
border-color: #E0E0E0;
font-weight: bold;
cursor: default;
}
.pagination a.disablelink, .pagination a.disablelink:hover {
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}
.pagination a.prevnext {
font-weight: bold;
}