/* CSS Document */
@import url("./font-awesome-4.0.3/css/font-awesome.min.css");
body,td,th {
font-size:11pt;
margin: 0px;
}
/* title */
h2 { font-size:15px;padding-left:3px }
caption {font-size:15px}
tr.title {background-color:#f5f8f9}
.message {background-color:#f5f8f9;padding:10px;border:1px solid #e9e9e9;padding:10px}
.tableType06 {
border-top:1px solid #CCCCCC;
font-size:11px;
width:100%;
}
.tableType06 tr {
height:28px;
}
.tableType06 th {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F0F4F6 none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color:#317BB1;
font-weight:bold;
padding-right:10px;
text-align:right;
vertical-align:middle;
}
.tableType06 th.last {
border-bottom:1px solid #EAEAEA;
}
.tableType06 th span.v {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/img_v.gif) no-repeat scroll 0 0;
padding-left:10px;
}
.tableType06 td {
font-size: 11px;
font-family: 굴림,Tahoma;
border-bottom:1px solid #EAEAEA;
padding-left:7px;
text-align:left;
}
.tableType06.title {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F0F4F6 none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color:#317BB1;
font-weight:bold;
padding-right:10px;
text-align:center;
vertical-align:middle;
}
.tableType06 th.last {
border-bottom:1px solid #EAEAEA;
}
.tableType06 th span.v {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/img_v.gif) no-repeat scroll 0 0;
padding-left:10px;
}
.tableType05 {
border-top:1px solid #317BB1;
width:100%;
}
.tableType05 th {
background-color:#F2F2F2;
border-bottom:1px solid #EAEAEA;
height:28px;
padding-top:3px;
}
img {border:none;}
input, select {vertical-align:middle;}
/*
a{ font-family: "Dotum"; color: #898989; text-decoration: none; font-size:12px;}
a:visited{ font-family: "Dotum"; color: #898989; text-decoration: none; font-size:12px;}
a:active {font-family: "Dotum"; color: #898989; text-decoration: none; font-size:12px;}
a:hover{ font-family: "Dotum"; color: #333333; text-decoration: none; font-size:12px;}
*/
/*오버색상*/
/*
a.menu01:link {font-family: "Dotum"; font-size: 12px; color: #666666; text-decoration: none;letter-spacing: -0.5px;}
a.menu01:visited {font-family: "Dotum"; font-size: 12px; color: #666666; text-decoration: none;letter-spacing: -0.5px;}
a.menu01:active {font-family: "Dotum"; font-size: 12px; color: #666666; text-decoration: none;letter-spacing: -0.5px;}
a.menu01:hover {font-family: "Dotum"; font-size: 12px; color: #1f82d2; text-decoration:none; font-weight: bold;letter-spacing: -0.5px;}
a.menu02:link {font-family: "Dotum"; font-size: 11px; color: #666666; text-decoration: none;letter-spacing: -0.5px;}
a.menu02:visited {font-family: "Dotum"; font-size: 11px; color: #666666; text-decoration: none;letter-spacing: -0.5px;}
a.menu02:active {font-family: "Dotum"; font-size: 11px; color: #666666; text-decoration: none;letter-spacing: -0.5px;}
a.menu02:hover {font-family: "Dotum"; font-size: 11px; color: #1f82d2; text-decoration:none; letter-spacing: -0.5px;}
a.menu03:link {font-family: "Dotum"; font-size: 12px; color: #898989; text-decoration: none;letter-spacing: -0.5px;}
a.menu03:visited {font-family: "Dotum"; font-size: 12px; color: #898989; text-decoration: none;letter-spacing: -0.5px;}
a.menu03:active {font-family: "Dotum"; font-size: 12px; color: #898989; text-decoration: none;letter-spacing: -0.5px;}
a.menu03:hover {font-family: "Dotum"; font-size: 12px; color: #cccccc; text-decoration:none; letter-spacing: -0.5px;}
a.menu04:link {font-family: "Dotum"; font-size: 11px; color: #898989; text-decoration: none;}
a.menu04:visited {font-family: "Dotum"; font-size: 11px; color: #898989; text-decoration: none;}
a.menu04:active {font-family: "Dotum"; font-size: 11px; color: #898989; text-decoration: none;}
a.menu04:hover {font-family: "Dotum"; font-size: 11px; color: #cccccc; text-decoration:none;}
*/
/*폰트색상*/
.font_orange {font-family:"Dotum", "Gulim"; font-size:11px; color:#ee6627;font-weight: bold;}
.font_black { font-family: "Dotum", "Gulim"; font-size:11px; color:#898989;}
.font_black02 {font-family: "standard 07_55"; font-size: 8px;color:#999999;}
.font_blue02 {font-family:"Dotum", "Gulim"; font-size:12px; color:#1f82d2;font-weight: bold;}
.font_333 {color:#333;}
/*입력폼 CLASS */
.input_01 {font-family: "Dotum";font-size: 12px; color:#666666; border: 1px solid #abadb3; height:22px}
.input_02 {font-family: "Dotum";font-size: 12px;color: #1a8cba;border: 1px solid #e3e3e3; background-color: #f1f1f1;text-align:right;}
.input {height:22px;margin:3px 0 3px 0}
/* paginate */
.paginate{padding:16px 0;text-align:center}
.paginate a,.paginate strong{display:inline-block;position:relative;_width /**/:17px;margin-right:1px;padding:2px 4px 3px;border:1px solid #fff;color:#000;font-family:Verdana;font-size:11px;font-weight:bold;line-height:normal;text-decoration:none}
.paginate strong{border:1px solid #e9e9e9;color:#f23219 !important}
.paginate .pre{margin-right:6px;padding:4px 6px 2px 14px;_padding-bottom:1px;background:url(./img/bu_pg3_l_off.gif) no-repeat 6px 5px !important;letter-spacing:-1px}
.paginate .next{margin-left:4px;padding:4px 14px 2px 6px;_padding-bottom:1px;background:url(./img/bu_pg3_r_off.gif) no-repeat 62px 5px !important;letter-spacing:-1px}
.paginate a.pre{background:url(./img/bu_pg3_l_on.gif) no-repeat 6px 5px !important}
.paginate a.next{background:url(./img/bu_pg3_r_on.gif) no-repeat 65px 5px !important}
.paginate .pre,.paginate .next{display:inline-block;position:relative;top:0;_top:-2px;_width /**/:75px;border:1px solid #e9e9e9;color:#ccc;font-family:'굴림',Dotum;font-size:11px;line-height:normal}
.paginate a.pre,.paginate a.next{color:#565656}
.paginate a:hover{font-family:Verdana;font-size:11px;font-weight:bold;line-height:normal;text-decoration:none;border:1px solid #e9e9e9;background-color:#f7f7f7 !important}
.es {color:#ff6633;padding-left:2px}
.bottom_line td { border-bottom:1px solid #E8E8E8;}
.content_table {/*width:1085px;*/ width:1120px; border:1px solid #ffffff}
/* 130804 추가 */
.left_td {width:210px; background-color:#fafafa; border-right:1px solid #d9d9d9;}
/*.dataTable {border-top:2px solid #ff7300;}*/ /* 테이블 위에 색깔:포인트색상에 맞춰 변경하면 됨 */
.dataTable {border-top:2px solid #3c8dbc;border-bottom:1px solid #3c8dbc;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.dataTable th, .dataTable td {border-bottom:1px solid #cccccc;text-align:center;font-size:14px;background-color:#f8f8f8}
/*.dataTable td {height:33px;border-right:1px solid #e8e8e8;background-color:#ffffff}*/
.dataTable td {min-height:47px;border-right:1px solid #e8e8e8;background-color:#ffffff;padding:13px 0px 13px 0px}
.dataTable th:last-child,.dataTable td:last-child {border-right:none !important;line-height:150%;color:#353535}
/*.dataTable th {height:28px; background:url(./img/bar_bg.gif) repeat-x; border-right:1px solid #e4e5e7; font-weight:bold; color:#777777;}*/
.dataTable th {height:47px; background:#f8f8f8; border-right:1px solid #e4e5e7; font-weight:bold; color:#000000;}
.dataTable .clear_border_r {border-right:none;}
.dataTable tr:hover td {
background-color: #efefef;
}
.sub_title {font-size:16px; font-weight:600; color:#444;padding:20px 0 10px 0;background:url('/images/cnt_bt.gif') 0 62% no-repeat;text-indent:20px;color:#000000}
/*.dataTable2 {border-top:2px solid #ff7300;}*/ /* 테이블 위에 색깔:포인트색상에 맞춰 변경하면 됨 */
.mPartner_name {color:#2292CA !important;font-size:16px;text-align:center;padding:5px 0 0 0;font-weight:bold}
.mPartner_desc {color:#666666 !important;font-size:14px;text-align:center}
.dataTable2 {border-top:2px solid #3c8dbc;border-bottom:1px solid #3c8dbc;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.dataTable2 th, .dataTable2 td {border-bottom:1px solid #cccccc;text-align:center;font-size:12px;background-color:#f8f8f8}
/*.dataTable2 td {height:33px;border-right:1px solid #e8e8e8;background-color:#ffffff}*/
.dataTable2 td {min-height:33px;border-right:1px solid #e8e8e8;background-color:#ffffff;padding:7px 0px 7px 0px;text-align:center}
.dataTable2 th:last-child, .dataTable2 td:last-child {border-right:none !important;line-height:150%;color:#353535}
/*.dataTable2 th {height:28px; background:url(./img/bar_bg.gif) repeat-x; border-right:1px solid #e4e5e7; font-weight:bold; color:#777777;}*/
.dataTable2 th {height:34px; background:#f8f8f8; border-right:1px solid #e4e5e7; font-weight:bold; color:#000000;}
.dataTable2 .clear_border_r {border-right:none;}
.dataTable2 tr:hover td {
background-color: #efefef;
}
/* list info */
.list-info {
float:left;
height:40px;
line-height:40px;
}
/*.tb01 {border-top:2px solid #ff7300;}*/ /* 테이블 위에 색깔:포인트색상에 맞춰 변경하면 됨 */
.tb01 {border-top:1px solid #cccccc;}
.tb01 th, .tb01 td {border-bottom:1px solid #cccccc;}
.tb01 th {height:28px; background:#fafafa; border-right:1px solid #cccccc; font-weight:bold; color:#777777;font-size:12px}
.tb01 .clear_border_r {border-right:none;}
.tb01-list {border-top:1px solid #cccccc;}
.tb01-list th, .tb01-list td {border-bottom:1px solid #cccccc;padding:5px}
.tb01-list th {height:28px; background:#fafafa; border-right:1px solid #e4e5e7; font-weight:bold; color:#777777;font-size:12px}
.tb01-list .clear_border_r {border-right:none;}
.tb02 {border-top:2px solid #353535;}
.tb02 .tdtitle {background-color:#1a2b62;color:#ffffff;font-size:16px}
.tb02 .tdtitle2 {background-color:#200e6e;color:#ffffff;font-size:16px}
.tb02 th {border-bottom:1px solid #cccccc;text-align:center;padding:10px;border-right:1px solid #e8e8e8;line-height:26px}
.tb02 td {border-bottom:1px solid #cccccc;padding-top: 10px;padding-bottom: 10px;border-right:1px solid #e8e8e8;color:#333333;font-size:14px;line-height:26px;padding:10px;text-align:center}
.tb02 th {background-color:#fafafa; border-right:1px solid #e8e8e8; font-weight:500; color:#000000; text-align:center;;font-size:14px;line-height:26px}
.tb02 .clear_border_r {border-right:none;}
.tb02 td:last-child, .tb02 th:last-child{border-right:0px !important}
.tb02 td:last-child:not(:only-child), .tb02 th:last-child:not(:only-child){/* border-left:1px solid #e8e8e8; */}
.tb02 td[rowspan]:not(:first-child) { border-left:1px solid #e8e8e8;}
/*.tb_top_border {border-top:2px solid #ff7300;}*/
.tb_top_border {border-top:2px solid #aaaaaa;}
.tb03 {border-top:1px solid #cccccc;}
.tb03 th, .tb03 td {border-bottom:1px solid #cccccc; border-right:1px solid #e4e5e7; padding-left:10px;}
.tb03 td {height:26px;}
.tb03 th {height:28px; background:#fafafa; border-right:1px solid #e4e5e7; font-weight:bold; color:#777777; text-align:left;}
.tb03 .clear_border_r {border-right:none;}
.tb04 {border-top:1px solid #cccccc;}
.tb04 th, .tb04 td {border-bottom:1px solid #cccccc; border-right:1px solid #e4e5e7;text-align:center;padding:7px}
.tb04 td {height:26px;}
.tb04 th {height:28px; background:#fafafa; border-right:1px solid #e4e5e7; font-weight:bold; color:#777777;}
.tb04 .clear_border_r {border-right:none;} /* tb03이랑 같지만 정렬이 조금 틀림 */
.tb04 th:last-child {border-right:none;}
.tb04 td:last-child {border-right:none;}
.tb04 caption {align:top;text-align:left}
.tb05 th {border-bottom:1px solid #cccccc;text-align:right;padding-right:3px}
.tb05 td {border-bottom:1px solid #cccccc; padding-left:10px;}
.tb05 th {height:28px; background-color:#fafafa; border-right:1px solid #e4e5e7; font-weight:bold; color:#333;padding-left:5px}
.tb05 .clear_border_r {border-right:none;}
.tb-f14 *{font-size:14px !important}
/*.border_top {border-top:2px solid #ff7300;}*/
.border_top {border-top:2px solid #aaaaaa;}
.subject {background-color:#fcfcfc; color:#444444;}
/* btn pack */
.btn_pack,
.btn_pack * {display:inline-block; overflow:visible; position:relative; margin:0; padding:0; border:0; background:url(./img/btn_pack.gif) no-repeat; font-size:12px;font-family:'굴림', Dotum, Tahoma, Sans-serif; text-decoration:none !important; vertical-align:top; white-space:nowrap; color:#3d3d3d;}
.btn_pack a {color:#3d3d3d;}
.btn_pack.btn_color,
.btn_pack.btn_color * {background:url(./img/btn_pack_color.gif) no-repeat; color:#fff;}
.btn_pack.btn_color a {color:#fff;}
.btn_pack {margin-right:4px;}
.btn_pack *{left:4px;cursor:pointer;_cursor:hand}
.btn_pack.small,
.btn_pack.small * {height:20px;line-height:20px; *line-height:21px;}
:root .btn_pack.small * {padding-top:2px \0/IE9;}/* IE9 용 */
.btn_pack.medium,
.btn_pack.medium * {height:23px;line-height:23px; *line-height:24px;}
:root .btn_pack.medium * {padding-top:1px \0/IE9;}/* IE9 용 */
.btn_pack.large,
.btn_pack.large * {height:26px;line-height:26px; *line-height:27px;}
:root .btn_pack.large * {padding-top:2px \0/IE9;}/* IE9 용 */
.btn_pack.small {background-position:left 0;}
.btn_pack.small * {padding:0 6px 0 2px; background-position:right top;}
.btn_pack.medium {background-position:left -30px;}
.btn_pack.medium * {padding:0 10px 0 4px; background-position:right -30px;}
.btn_pack.large {background-position:left -63px;}
.btn_pack.large * {padding:0 10px 0 4px; background-position:right -63px;}
.btn_pack *:hover,
.btn_pack *:active,
.btn_pack *:focus {color:#000;}
/* .btn_pack.color *:hover,
.btn_pack.color *:active,
.btn_pack.color *:focus {color:#fff;} */
.btn_pack.icon * {padding-left:20px;}
.btn_pack.icon_r * {padding-right:24px;}
.btn_pack.small.icon * {padding-left:16px;}
.btn_pack.icon span {width:20px; margin-right:-20px; padding:0 !important;}
.btn_pack.icon_r span {width:20px; margin-left:-20px; padding:0 !important;}
.btn_pack.strong * {font-weight:bold !important;}
.btn_pack.medium .scrap {background-position:4px -229px;}
.btn_pack.medium .sms {background-position:-19px -228px;}
.btn_pack.medium .print {background-position:-42px -228px;}
.btn_pack.medium .delete {background-position:-63px -228px;}
.btn_pack.medium .excel {background-position:-82px -228px;}
.btn_pack.medium .prev {background-position:-181px -228px;}
.btn_pack.medium .next {background-position:-197px -228px;}
.btn_pack.medium .detail {background-position:-214px -228px;}
.btn_pack.medium .memo {background-position:-237px -228px;}
/* Jeong, Chan Myeong | http://naradesign.net/ */
/* Button Common */
.button,
.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:'Nanum Gothic',Tahoma, Sans-serif; white-space:nowrap; background:url(./img/button.gif) no-repeat; vertical-align:middle; overflow:visible; color:#333;}
.button { margin-right:1px;}
.button *{ left:1px; cursor:pointer; _cursor:hand;}
.button a:link { font-size:12px; font-family:'Nanum Gothic',Tahoma, Sans-serif;text-decoration:none !important; border:0; white-space:nowrap; vertical-align:top; color:#333;line-height:210%;} /* Primary Link */
.button a:visited {text-decoration:none !important; border:0; font-size:12px; font-family:'Nanum Gothic',Tahoma, Sans-serif; white-space:nowrap; vertical-align:top; color:#353535;line-height:210%}
.button a:hover {text-decoration:none !important; border:0; font-size:12px; font-family:'Nanum Gothic',Tahoma, Sans-serif; white-space:nowrap; vertical-align:top; color:#0099cc;line-height:210%}
.button.small a:link { font-size:12px; font-family:'Nanum Gothic',Tahoma, Sans-serif;text-decoration:none !important; border:0; white-space:nowrap; vertical-align:top; color:#333;line-height:180%;} /* Primary Link */
.button.small a:visited {text-decoration:none !important; border:0; font-size:12px; font-family:'Nanum Gothic',Tahoma, Sans-serif; white-space:nowrap; vertical-align:top; color:#353535;line-height:180%}
.button.small a:hover {text-decoration:none !important; border:0; font-size:12px; font-family:'Nanum Gothic',Tahoma, Sans-serif; white-space:nowrap; vertical-align:top; color:#0099cc;line-height:180%}
/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:24px; line-height:24px;}
.button.large, .button.large *{ height:30px; line-height:30px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:19px; line-height:19px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;vertical-align:middle}
.button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}
/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
/* Button Strong */
.button.strong *{ font-weight:bold !important;}
/* Button Icon Variation */
.button.icon *{ padding-left:20px;}
.button.small.icon *{ padding-left:16px;}
.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.button.medium .check{ background-position:4px -150px;}
.button.large .check{ background-position:4px -146px;}
.button.xLarge .check{ background-position:5px -144px;}
.button.small .check{ background-position:3px -153px;}
.button.medium .add{ background-position:-16px -150px;}
.button.large .add{ background-position:-14px -146px;}
.button.xLarge .add{ background-position:-14px -144px;}
.button.small .add{ background-position:-18px -153px;}
.button.medium .delete{ background-position:-34px -150px;}
.button.large .delete{ background-position:-34px -146px;}
.button.xLarge .delete{ background-position:-34px -144px;}
.button.small .delete{ background-position:-37px -153px;}
.button.medium .calendar{ background-position:-56px -150px;}
.button.large .calendar{ background-position:-56px -146px;}
.button.xLarge .calendar{ background-position:-56px -144px;}
.button.small .calendar{ background-position:-59px -153px;}
.button.medium .refresh{ background-position:-76px -150px;}
.button.large .refresh{ background-position:-76px -146px;}
.button.xLarge .refresh{ background-position:-76px -144px;}
.button.small .refresh{ background-position:-79px -153px;}
.b01 {background-color:#7C9FD3;width:3px;height:3px;vertical-align:middle;margin-right:3px;}
.b02 {background-color:#7C9FD3;width:7px;height:7px;vertical-align:middle;margin-right:3px;border-top:6px solid #456FAF;}
.b03 {background-color:#456FAF;width:6px;height:7px;vertical-align:middle;border-top:6px solid #7C9FD3;}
.b04 {background-color:#7C9FD3;width:6px;height:7px;vertical-align:middle;border-top:6px solid; }
/*
css 버튼 사용예
삭제
검색
*/
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
/* marker */
.btn_box {
width:95%;
padding:15px;
}
.al {
text-align:left;
}
.ar {
text-align:right;
}
.ac {
text-align:center;
}
input.nb {
border: 0px;
margin-bottom: 4px;
}
/* paging */
.paging_box {
padding: 5px;margin:6px;
}
a.page_num:link {
font-family: "Dotum"; font-size: 12px; color: #666666;
padding: 6px;
border:1px solid #e7e7e7;
margin:4px;
padding-bottom:7px;
}
a.page_num:hover {
font-family: "Dotum"; font-size: 12px; color: #666666;
padding: 6px;
background-color: #f6f6f6;
margin:4px;
padding-bottom:7px;
}
.page_cur {
padding: 6px;
font-weight:bold;
border: 1px solid #ff3300;
margin:4px;
padding-bottom:7px;
}
.hide { display:none }
.show { display:block }
.help_text {
margin: 3px;
text-align: left;
padding: 20px 0 20px 0;
font-size:17px;
font-weight: bold;
color: #494949;
}
.warnning_text {
margin: 3px;
text-align: left;
padding: 10px 0 10px 0;
font-size:12px;
font-weight: bold;
color: #ff0033;
}
.price-text, .price-number{
font-size:12pt !important;
font-weight:bold;
font-family: 'Nanum Gothic','Dotum', sans-serif !important;
color: #666666;
}
.price-number {
color: red !important;
}
#example {color:#cc6600;line-height:150%}
.help-text {line-height:150%}
.frm_info {}
.product_list {padding:20px;border:1px solid #d6d6d6}
.more {width:70px;height:26px;border:1px solid #f84e51;display:block;font-size:12px;text-align:center;line-height:200%;background-color:#ffffff}
.more_t{color:#f84e51;}