/*************************
[inline] img, a, span, strong, em, i, b, input, button
[block] body, div, p, ul li, dl dt dd, h1 ~ h6, table
**************************/
/* body 공통속성 */
@charset "euc-kr";
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,legend,input,label,button,textarea,select,
table,caption,thead,tfoot,tbody,tr,th,td,
address,img,span,div, em,strong,pre { margin:0px; padding:0px; border:0;}
body { font-size:12px; font-family: Malgun Gothic,'맑은 고딕',Nanum Gothic,'나눔 고딕',Dotum,'돋움',Gulim,'굴림',applegothic,sans-serif,arial;}
h1,h2,h3,h4,h5,h6 { font-family: Malgun Gothic,'맑은 고딕',Nanum Gothic,'나눔 고딕',Dotum,'돋움',Gulim,'굴림',applegothic,sans-serif,arial; color:#333;}
table { border-collapse:collapse; border-spacing:0; width:100%; margin:0; padding:0;}
table td { word-break: break-all;}
label { vertical-align:middle; }
input { background-color:#FFF; border:1px solid #CCC; height:24px; line-height:24px; padding:0 5px; vertical-align:middle; }
input[type="file"] { overflow:hidden; max-width:100%; background-color:#FFF; clip:rect(0,0,0,0); border:1px solid #CCC; }
input[type="checkbox"] { background-color:transparent; vertical-align:middle; display:inline-block; width:14px; height:14px; margin-bottom:5px; margin-right:5px; border:0;}
input[type="radio"] { background-color:transparent; vertical-align:middle; display:inline-block; width:14px; height:14px; margin-bottom:5px; margin-right:5px; border:0;}
textarea { background-color:#FFF; border:1px solid #ccc; overflow:auto; padding:5px; }
textarea,input {ime-mode: active; }
A.over:a:hover { position:relative; top:1; left:1}
A:link, A:active, A:visited { COLOR: #666666; TEXT-DECORATION: none; }
A:hover { COLOR: #FF8400; TEXT-DECORATION: none; }
A.under:link, A.under:active, A.under:visited { TEXT-DECORATION: underline; }
A.under:hover { COLOR: #FF8400; TEXT-DECORATION: none; }
A.admin:link, A.admin:active, A.admin:visited { COLOR: #A7A7A7; FONT-SIZE: 9pt; TEXT-DECORATION: none; FONT-FAMILY: 굴림; }
A.admin:hover { COLOR: #FF8400; FONT-SIZE: 9pt; TEXT-DECORATION: none; }
.txt_asb { FONT-SIZE: 9pt; COLOR: #00C7E4; FONT-WEIGHT: bold;}
/* 크롬만 적용 */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
select {
height:25px;
vertical-align:bottom;
padding: 3px 20px 3px 3px;
border: 1px solid #CCC;
border-radius: 0px;
background: #FFF url('/addon/arrow.png') no-repeat 99% 50%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
}
img,fieldset,iframe {border:0px none;}
ul,ol,li {list-style: none;}
i,em,address {font-style: normal;}
caption, hr, .blind{display:none;}
iframe { display:block; }
.absolute_box { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html,body { width:100%; }
html {overflow:auto;}
body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #cccccc;
scrollbar-shadow-color: #cccccc;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #cccccc;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* 로그인 박스 */
#login_box { position:relative; width:700px; height:300px; background:url('/Admin/img/bg.gif') no-repeat; border:5px solid #484848;}
#login_box .login_img { position:absolute; top:0; left:0; text-align:center; display:inline-block; width:325px; height:300px; }
#login_box .login_img img { margin-top:100px; }
#login_box .login_frm { position:absolute; top:0; left:325px; display:inline-block; width:300px; height:300px;}
#login_box .login_frm .login_title { margin-top:110px; }
#login_box .login_frm .login_input { width:120px; height:22px; line-height:22px; background-color:#FFF; border:1px solid #CCC; padding-left:5px; ime-mode:inactive }
#login_box .login_home { position:absolute; top:120px; left:680px; }
#MenuLnk { width:180px; margin:0px;}
#MenuLnk ul { list-style: none; width: 180px; margin: 0px; padding:0px; overflower:hidden; }
#MenuLnk li { height:30px; line-height:30px; BACKGROUND: url(/Admin/img/MenuLnk_bg.gif) repeat 100%; }
#MenuLnk li a { display:block; height:30px; line-height:30px; color:#ccc; cursor:hand; text-shadow:-1px -1px -1px #000;}
#MenuLnk li a:hover { color:#FFF; BACKGROUND-COLOR:#e2161c;}
#MenuLnk li .select { color:#FFF; BACKGROUND-COLOR:#e2161c;}
#MenuLnk li .mTxt { padding-left:15px; float:left;}
#MenuLnkS { width:180px; margin:0px;}
#MenuLnkS ul { list-style: none; width: 180px; margin: 0px; padding:0px; overflower:hidden; }
#MenuLnkS li { height:25px; line-height:25px; }
#MenuLnkS li a { display:block; height:25px; line-height:25px; color:#ccc; cursor:hand; text-shadow:-1px -1px -1px #000;}
#MenuLnkS li a:hover { color:#FFF; BACKGROUND-COLOR:#e2161c;}
#MenuLnkS li .select { color:#FFF; BACKGROUND-COLOR:#e2161c;}
#MenuLnkS li .mTxt { padding-left:25px; float:left;}
/* 이미지 버튼 */
A.sbtn_img:link, A.sbtn_img:active, A.sbtn_img:visited { DISPLAY: inline-block; PADDING-RIGHT: 3px; BACKGROUND: url(/img/sbtn_bg.gif) no-repeat 100%; FONT-SIZE: 11px; COLOR: #333; LINE-HEIGHT: 25px; LETTER-SPACING: -1px; WORD-SPACING: -1px; TEXT-DECORATION: none; WHITE-SPACE: nowrap; }
A.sbtn_img:hover { DISPLAY: inline-block; PADDING-RIGHT: 3px; BACKGROUND: url(/img/sbtn_bg.gif) no-repeat 100%; FONT-SIZE: 11px; COLOR:#333; LINE-HEIGHT: 25px; LETTER-SPACING: -1px; WORD-SPACING: -1px; TEXT-DECORATION: none; WHITE-SPACE: nowrap; POSITION: relative; TOP: 1px; LEFT: 1px; }
A.sbtn_img span,A.sbtn_img strong { DISPLAY: block; PADDING: 0px 5px 0px 7px; BACKGROUND: url(/img/sbtn_bg.gif) no-repeat 0; }
A.btn_img:link, A.btn_img:active, A.btn_img:visited { DISPLAY: inline-block; PADDING-RIGHT: 3px; BACKGROUND: url(/img/btn_bg.gif) no-repeat 100%; FONT-SIZE: 11px; COLOR: #333; LINE-HEIGHT: 25px; LETTER-SPACING: -1px; WORD-SPACING: -1px; TEXT-DECORATION: none; WHITE-SPACE: nowrap; }
A.btn_img:hover { DISPLAY: inline-block; PADDING-RIGHT: 3px; BACKGROUND: url(/img/btn_bg.gif) no-repeat 100%; FONT-SIZE: 11px; COLOR:#333; LINE-HEIGHT: 25px; LETTER-SPACING: -1px; WORD-SPACING: -1px; TEXT-DECORATION: none; WHITE-SPACE: nowrap; POSITION: relative; TOP: 1px; LEFT: 1px; }
A.btn_img span,A.btn_img strong { DISPLAY: block; PADDING: 0px 5px 0px 7px; BACKGROUND: url(/img/btn_bg.gif) no-repeat 0; }
A.btn_oimg:link, A.btn_oimg:active, A.btn_oimg:visited { DISPLAY: inline-block; PADDING-RIGHT: 3px; BACKGROUND: url(/img/btn_bg_r.gif) no-repeat 100%; FONT-SIZE: 11px; COLOR: #333; LINE-HEIGHT: 25px; LETTER-SPACING: -1px; WORD-SPACING: -1px; TEXT-DECORATION: none; WHITE-SPACE: nowrap; }
A.btn_oimg:hover { DISPLAY: inline-block; PADDING-RIGHT: 3px; BACKGROUND: url(/img/btn_bg_r.gif) no-repeat 100%; FONT-SIZE: 11px; COLOR:#333; LINE-HEIGHT: 25px; LETTER-SPACING: -1px; WORD-SPACING: -1px; TEXT-DECORATION: none; WHITE-SPACE: nowrap; POSITION: relative; TOP: 1px; LEFT: 1px; }
A.btn_oimg span,A.btn_oimg strong { DISPLAY: block; PADDING: 0px 5px 0px 7px; BACKGROUND: url(/img/btn_bg_r.gif) no-repeat 0; }
A.btn_bimg:link, A.btn_bimg:active, A.btn_bimg:visited { DISPLAY: inline-block; PADDING-RIGHT: 3px; BACKGROUND: url(/img/btn_bg_b.gif) no-repeat 100%; FONT-SIZE: 11px; COLOR: #333; LINE-HEIGHT: 25px; LETTER-SPACING: -1px; WORD-SPACING: -1px; TEXT-DECORATION: none; WHITE-SPACE: nowrap; }
A.btn_bimg:hover { DISPLAY: inline-block; PADDING-RIGHT: 3px; BACKGROUND: url(/img/btn_bg_b.gif) no-repeat 100%; FONT-SIZE: 11px; COLOR:#333; LINE-HEIGHT: 25px; LETTER-SPACING: -1px; WORD-SPACING: -1px; TEXT-DECORATION: none; WHITE-SPACE: nowrap; POSITION: relative; TOP: 1px; LEFT: 1px; }
A.btn_bimg span,A.btn_bimg strong { DISPLAY: block; PADDING: 0px 5px 0px 7px; BACKGROUND: url(/img/btn_bg_b.gif) no-repeat 0; }
A.box_img:link, A.boximg:active, A.box_img:visited { DISPLAY: inline-block; PADDING-RIGHT: 3px; BACKGROUND: url(/img/btn_bg.gif) no-repeat 100%; FONT-SIZE: 12px; font-weight:bold; COLOR: #333; LINE-HEIGHT: 25px; LETTER-SPACING: -1px; WORD-SPACING: -1px; TEXT-DECORATION: none; WHITE-SPACE: nowrap; }
A.box_img:hover { DISPLAY: inline-block; PADDING-RIGHT: 3px; BACKGROUND: url(/img/btn_bg.gif) no-repeat 100%; FONT-SIZE: 12px; COLOR:#333; LINE-HEIGHT: 25px;font-weight:bold; LETTER-SPACING: -1px; WORD-SPACING: -1px; TEXT-DECORATION: none; WHITE-SPACE: nowrap; }
A.box_img span,A.box_img strong { DISPLAY: block; PADDING: 3px 5px 3px 7px; BACKGROUND: url(/img/btn_bg.gif) no-repeat 0; }
/* Form Button Common */
button { cursor:pointer; _cursor:hand; margin:0; padding:0; display:-moz-inline-stack; vertical-align:middle; border:none; }
button.fbtn { height:26px; line-height:26px; padding:0 10px; font-size:12px; border:1px solid #34353a; background-color:#34353a; color:#fff; }
button.fbtn:hover {position:relative; top:1px; left:1px;}
/* Button Common */
.btn,.btn *{ cursor:pointer; _cursor:hand; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; vertical-align:middle; border:none; font-weight:bold; margin-bottom:2px;}
.btn a:hover {position:relative; top:1px; left:1px;}
/* Button Login */
.btn.Login,.btn.Login * {height:53px;line-height:53px; padding-left:10px;}
.btn.Login * { padding:0 25px; color:#fff;font-size:16px; border-top:1px solid #7d9fcf; border-left:1px solid #7d9fcf; border-right:1px solid #335592; border-bottom:1px solid #335592; background-image: -webkit-gradient(linear, left top, left bottom, from(#4c74b0), to(#4c74b0)); background-image: -webkit-linear-gradient(top, #4c74b0, #4c74b0); background-image: linear-gradient(to bottom, #4c74b0, #4c74b0); background-repeat: repeat-x;}
/* Button red */
.btn.red_L,.btn.red_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all;}
.btn.red_L * {padding:0 35px; background-color:#e2161c; color:#fff; font-size:12px; border:1px solid #e2161c; background-image: -webkit-gradient(linear, left top, left bottom, from(#e2161c), to(#990000)); background-image: -webkit-linear-gradient(top, #e2161c, #990000); background-image: linear-gradient(to bottom, #e2161c, #990000); background-repeat: repeat-x;}
.btn.red_P,.btn.red_P * {height:30px; line-height:30px; white-space:nowrap; word-break:keep-all;}
.btn.red_P * {padding:0 20px; background-color:#e2161c; color:#fff; font-size:12px; border:1px solid #e2161c; background-image: -webkit-gradient(linear, left top, left bottom, from(#e2161c), to(#990000)); background-image: -webkit-linear-gradient(top, #e2161c, #990000); background-image: linear-gradient(to bottom, #e2161c, #990000); background-repeat: repeat-x;}
.btn.red_M,.btn.red_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all;}
.btn.red_M * {padding:0 10px; background-color:#e2161c; color:#fff; font-size:12px; border:1px solid #e2161c;}
.btn.red_S,.btn.red_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all;}
.btn.red_S * {padding:0 4px; background-color:#e2161c; color:#fff; font-size:11px; border:1px solid #e2161c; border-radius:3px;}
/* Button gold */
.btn.gold_L,.btn.gold_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all;}
.btn.gold_L * {padding:0 35px; background-color:#a49173; color:#fff; font-size:12px; border:1px solid #a49173; background-image: -webkit-gradient(linear, left top, left bottom, from(#a49173), to(#666633)); background-image: -webkit-linear-gradient(top, #a49173, #666633); background-image: linear-gradient(to bottom, #a49173, #666633); background-repeat: repeat-x;}
.btn.gold_P,.btn.gold_P * {height:30px; line-height:30px; white-space:nowrap; word-break:keep-all;}
.btn.gold_P * {padding:0 20px; background-color:#a49173; color:#fff; font-size:12px; border:1px solid #a49173; background-image: -webkit-gradient(linear, left top, left bottom, from(#a49173), to(#666633)); background-image: -webkit-linear-gradient(top, #a49173, #666633); background-image: linear-gradient(to bottom, #a49173, #666633); background-repeat: repeat-x;}
.btn.gold_M,.btn.gold_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all;}
.btn.gold_M * {padding:0 10px; background-color:#a49173; color:#fff; font-size:12px; border:1px solid #a49173;}
.btn.gold_S,.btn.gold_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all;}
.btn.gold_S * {padding:0 4px; background-color:#a49173; color:#fff; font-size:11px; border:1px solid #a49173; border-radius:3px;}
/* Button black */
.btn.black_L,.btn.black_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all;}
.btn.black_L * {padding:0 35px; background-color:#34353a; color:#fff; font-size:12px; border:1px solid #34353a; background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#34353a)); background-image: -webkit-linear-gradient(top, #666666, #34353a); background-image: linear-gradient(to bottom, #666666, #34353a); background-repeat: repeat-x;}
.btn.black_P,.btn.black_P * {height:30px; line-height:30px; white-space:nowrap; word-break:keep-all;}
.btn.black_P * {padding:0 20px; background-color:#34353a; color:#fff; font-size:12px; border:1px solid #34353a; background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#34353a)); background-image: -webkit-linear-gradient(top, #666666, #34353a); background-image: linear-gradient(to bottom, #666666, #34353a); background-repeat: repeat-x;}
.btn.black_M,.btn.black_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all;}
.btn.black_M * {padding:0 10px; background-color:#34353a; color:#fff; font-size:12px; border:1px solid #34353a;}
.btn.black_S,.btn.black_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all;}
.btn.black_S * {padding:0 4px; background-color:#34353a; color:#fff; font-size:11px; border:1px solid #34353a; border-radius:3px;}
/* Button gray */
.btn.gray_L,.btn.gray_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all; }
.btn.gray_L * {padding:0 34px; background-color:#666666; color:#fff; font-size:12px; border:1px solid #666666; background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666)); background-image: -webkit-linear-gradient(top, #999999, #666666); background-image: linear-gradient(to bottom, #999999, #666666); background-repeat: repeat-x;}
.btn.gray_P,.btn.gray_P * {height:30px; line-height:30px; white-space:nowrap; word-break:keep-all; }
.btn.gray_P * {padding:0 20px; background-color:#666666; color:#fff; font-size:12px; border:1px solid #666666; background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666)); background-image: -webkit-linear-gradient(top, #999999, #666666); background-image: linear-gradient(to bottom, #999999, #666666); background-repeat: repeat-x;}
.btn.gray_M,.btn.gray_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all; }
.btn.gray_M * {padding:0 10px; background-color:#666666; color:#fff; font-size:12px; border:1px solid #666666;}
.btn.gray_S,.btn.gray_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all; }
.btn.gray_S * {padding:0 4px; background-color:#666666; color:#fff; font-size:11px; border:1px solid #666666; border-radius:3px;}
/* Button white */
.btn.white_L,.btn.white_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all;}
.btn.white_L * {padding:0 34px; background-color:#ffffff; color:#333; font-size:12px; border:1px solid #cccccc;}
.btn.white_P,.btn.white_P * {height:30px; line-height:30px; white-space:nowrap; word-break:keep-all;}
.btn.white_P * {padding:0 20px; background-color:#ffffff; color:#333; font-size:12px; border:1px solid #cccccc;}
.btn.white_M,.btn.white_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all;}
.btn.white_M * {padding:0 10px; background-color:#ffffff; color:#333; font-size:12px; border:1px solid #cccccc;}
.btn.white_S,.btn.white_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all;}
.btn.white_S * {padding:0 4px; background-color:#ffffff; color:#333; font-size:11px; border:1px solid #cccccc; border-radius:3px;}
/* Button green */
.btn.green_L,.btn.green_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all;}
.btn.green_L * {padding:0 34px; background-color:#2db400; color:#fff; font-size:12px; border:1px solid #2db400; background-image: -webkit-gradient(linear, left top, left bottom, from(#2db400), to(#336600)); background-image: -webkit-linear-gradient(top, #2db400, #336600); background-image: linear-gradient(to bottom, #2db400, #336600); background-repeat: repeat-x;}
.btn.green_P,.btn.green_P * {height:30px; line-height:30px; white-space:nowrap; word-break:keep-all;}
.btn.green_P * {padding:0 20px; background-color:#2db400; color:#fff; font-size:12px; border:1px solid #2db400; background-image: -webkit-gradient(linear, left top, left bottom, from(#2db400), to(#336600)); background-image: -webkit-linear-gradient(top, #2db400, #336600); background-image: linear-gradient(to bottom, #2db400, #336600); background-repeat: repeat-x;}
.btn.green_M,.btn.green_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all;}
.btn.green_M * {padding:0 10px; background-color:#2db400; color:#fff; font-size:12px; border:1px solid #2db400;}
.btn.green_S,.btn.green_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all;}
.btn.green_S * {padding:0 4px; background-color:#2db400; color:#fff; font-size:11px; border:1px solid #2db400; border-radius:3px;}
/* Button blue */
.btn.blue_L,.btn.blue_L * {height:50px; line-height:50px; white-space:nowrap; word-break:keep-all;}
.btn.blue_L * {padding:0 34px; background-color:#3366cc; color:#fff; font-size:12px; border:1px solid #3366cc; background-image: -webkit-gradient(linear, left top, left bottom, from(#3366cc), to(#003366)); background-image: -webkit-linear-gradient(top, #3366cc, #003366); background-image: linear-gradient(to bottom, #3366cc, #003366); background-repeat: repeat-x;}
.btn.blue_P,.btn.blue_P * {height:30px; line-height:30px; white-space:nowrap; word-break:keep-all;}
.btn.blue_P * {padding:0 20px; background-color:#3366cc; color:#fff; font-size:12px; border:1px solid #3366cc; background-image: -webkit-gradient(linear, left top, left bottom, from(#3366cc), to(#003366)); background-image: -webkit-linear-gradient(top, #3366cc, #003366); background-image: linear-gradient(to bottom, #3366cc, #003366); background-repeat: repeat-x;}
.btn.blue_M,.btn.blue_M * {height:24px; line-height:24px; white-space:nowrap; word-break:keep-all;}
.btn.blue_M * {padding:0 10px; background-color:#3366cc; color:#fff; font-size:12px; border:1px solid #3366cc;}
.btn.blue_S,.btn.blue_S * {height:18px; line-height:18px; white-space:nowrap; word-break:keep-all;}
.btn.blue_S * {padding:0 4px; background-color:#3366cc; color:#fff; font-size:11px; border:1px solid #3366cc; border-radius:3px;}
#BodyWrap { width:1200px; display:block; }
.mTitle { font-size: 18px; line-height: 20px; font-weight:bold; padding:10px 0 10px 10px;}
.pTitle { font-size: 24px; line-height: 20px; font-weight:bold; padding:20px 10px;}
.pSubject { color:#2db400;}
.mBox { border: 1px solid #ccc; padding:10px; height:150px; box-sizing: border-box; background-color: #fafafa;}
.mData { padding: 5px 10px; font-size:16px; min-width:200px;}
.SearchBox { padding: 5px 0px;}
.SearchBox .sTitle { font-size: 18px; line-height: 20px; font-weight:bold; padding:10px 0 10px 10px; float:left;}
.SearchBox .sInfo { font-size: 12px; line-height: 20px; font-weight:bold; padding:10px 0 10px 10px; float:right;}
.SearchBoxM { padding: 5px 0px;}
.SearchBoxM .sTitle { font-size: 18px; line-height: 20px; font-weight:bold; padding:0 0 10px 10px; float:left;}
.SearchBoxM .sInfo { font-size: 12px; line-height: 20px; font-weight:bold; padding:0 0 10px 10px; float:right;}
.FrmInfo { color:#e2161c; font-size:11px; padding-left:10px; line-height:23px; }
.NoData { text-align:center; font-size:20px; font-weight:bold; padding:100px 0; }
.NoDataM { text-align:center; font-size:16px; font-weight:bold; padding:100px 0; }
/* 테이블 리스트 */
.tbList { clear:both; border-collapse:collapse; width:100%;}
.tbList tr { }
.tbList th { padding:10px 5px; font-weight:bold; background-color:#F8F8F8; text-align:center; border-top:2px solid #999; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
.tbList th:first-child { border-left:0; }
.tbList td { padding:7px 5px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center; }
.tbList td.l { text-align:left; padding-left:10px; }
.tbList td.r { text-align:right; padding-right:10px; }
.tbList td.b { font-weight:bold; padding:10px 10px; font-weight:bold; background-color:#F8F8F8; text-align:right; border-left:1px solid #ccc; }
.tbList td:first-child { border-left:0; }
.tbList tr:last-child { border-bottom:2px solid #999; }
.tbList tr.tdNewNone { padding:0px; height:0px; border:0}
.tbList td.tdNewNone { padding:0px; height:0px; border:0}
.tbList td.NoData { text-align:center; font-size:20px; font-weight:bold; padding:100px 0; }
.tbList td.NoDataP { text-align:center; font-size:16px; font-weight:bold; padding:80px 0; }
.tbListM { clear:both; border-collapse:collapse; width:100%;}
.tbListM tr { }
.tbListM th { padding:10px 5px; font-weight:bold; background-color:#F8F8F8; text-align:center; border-top:2px solid #999; border-bottom:1px solid #ccc; }
.tbListM th:first-child { border-left:0; }
.tbListM td { padding:7px 5px; border-bottom:1px solid #ccc; text-align:center; }
.tbListM td.l { text-align:left; padding-left:10px; }
.tbListM td.r { text-align:right; padding-right:10px; }
.tbListM td.b { font-weight:bold; padding:10px 10px; font-weight:bold; background-color:#F8F8F8; text-align:right; }
.tbListM td:first-child { border-left:0; }
.tbListM tr:last-child { border-bottom:2px solid #999; }
.tbListM tr.tdNewNone { padding:0px; height:0px; border:0}
.tbListM td.tdNewNone { padding:0px; height:0px; border:0}
.tbListM td.NoDataM { text-align:center; font-size:16px; font-weight:bold; padding:80px 0; }
.tbList .tableNone { clear:both; border-collapse:collapse; width:100%;}
.tbList .tableNone tbody { border-top:0; }
.tbList .tableNone tr { height:30px; }
.tbList .tableNone tr:last-child { border-bottom:0; }
.tbList .tableNone th { padding:10px; font-weight:bold; background-color:#F8F8F8; text-align:right; border:0; }
.tbList .tableNone th:first-child { border-left:0; }
.tbList .tableNone td { padding:10px; border:0; text-align:left; }
.tbList .tableNone td:first-child { border-left:0; }
/* 테이블 New */
.tbNew { clear:both; border-collapse:collapse; width:100%;}
.tbNew tbody { border-top:2px solid #CCC; }
.tbNew tr { height:30px; }
.tbNew tr:last-child { border-bottom:2px solid #CCC; }
.tbNew th { padding:10px; color:#666; font-weight:bold; background-color:#F8F8F8; text-align:right; border-bottom:1px solid #ccc; }
.tbNew th:first-child { border-left:0; }
.tbNew td { padding:10px; border-bottom:1px solid #ccc; text-align:left; }
.tbNew td:first-child { border-left:0; box-sizing:border-box;}
.tbNew tr.tdNewNone { padding:0px; height:0px; border:0}
.tbNew td.tdNewNone { padding:0px; height:0px; border:0}
.tbNew .ViewInfo { margin-left:20px; font-weight:bold; color:#e2161c; font-size:11px; }
/* 테이블 Noborder */
.tbNew .tbNewNone { clear:both; border-collapse:collapse; width:100%;}
.tbNew .tbNewNone tbody { border-top:0; }
.tbNew .tbNewNone tr { height:30px; }
.tbNew .tbNewNone tr:last-child { border-bottom:1px solid #999; }
.tbNew .tbNewNone th { padding:10px; font-weight:bold; background-color:#F8F8F8; text-align:right; border-bottom:1px solid #ccc; }
.tbNew .tbNewNone th:first-child { border-left:0; }
.tbNew .tbNewNone td { padding:10px; border-bottom:1px solid #ccc; text-align:left; }
.tbNew .tbNewNone td:first-child { border-left:0; }
.tbNew .tbNewNone td.tbNewNone { padding:0px; }
.tbNew .tbNewNone .ViewInfo { margin-left:20px; font-weight:bold; color:#ff0000; }
.tbNew .tableNone { clear:both; border-collapse:collapse; width:100%;}
.tbNew .tableNone tbody { border-top:0; }
.tbNew .tableNone tr { height:30px; }
.tbNew .tableNone tr:last-child { border-bottom:0; }
.tbNew .tableNone th { padding:10px; font-weight:bold; background-color:#F8F8F8; text-align:right; border:0; }
.tbNew .tableNone th:first-child { border-left:0; }
.tbNew .tableNone td { padding:10px; border:0; text-align:left; }
.tbNew .tableNone td:first-child { border-left:0; }
.tbNew .tbNone { clear:both; border:0; width:100%;}
.tbNew .tbNone tbody { border-top:0; }
.tbNew .tbNone tr { height:30px; border:0;}
.tbNew .tbNone td { height:40px; padding:0px; border:0; text-align:left; }
/* 데이블 보기 BBS*/
.tbView { clear:both; border-collapse:collapse; width:100%; border-top:2px solid #999; border-bottom:2px solid #999;}
.tbView th.t { padding:15px 5px; color:#666; text-align:center; border-bottom:1px solid #ccc; font-weight:bold; background-color:#F8F8F8; }
.tbView th { padding:10px 5px; color:#666; text-align:center; border-bottom:1px solid #ccc; font-weight:bold; background-color:#F8F8F8; }
.tbView th.l { text-align:left; padding-left:10px; }
.tbView th.r { text-align:right; padding-right:10px; }
.tbView th:first-child { border-left:0; }
.tbView td { padding:7px 15px; border-bottom:1px solid #F0F0F0; text-align:center;}
.tbView td.l { text-align:left; padding-left:10px; }
.tbView td.r { text-align:right; padding-right:10px; }
.tbView td.b { font-weight:bold; font-size:13px; color:#00c73c }
.tbView td:first-child { border-left:0; }
.tbNone { clear:both; border-style:none; padding:0;}
.tbNone tr { clear:both; border-style:none; padding:0;}
.tbNone td { clear:both; border-style:none; padding:0;}
/* WYSIWYG 에디터 보기 */
.wgView { clear:both; margin: 0; padding: 0; font-family: '돋움',Dotum,Helvetica,Sans-serif; font-size: 12px; line-height: 1.5;;}
/*.wgView th, .wgView td{margin:0;padding:0;font-family:'돋움',Dotum,Helvetica,Sans-serif;font-size:12px;line-height:1.5;color:#666}*/
.wgView p, .wgView br { margin: 0; padding: 0; }
.MwgView img { width:100%; }
/* 적용된 checkbox */
.UseInput { background-color:#a49173; border:3px solid #a49173; padding:0px !important; margin-top:-4px !important; margin-left:0px !important; margin-right:0px !important; margin-bottom:0px !important;}
.NoInput { background-color:transparent; border:3px solid transparent; padding:0px !important; margin-top:-4px !important; margin-left:0px !important; margin-right:0px !important; margin-bottom:0px !important;}
.PageNavi { margin-top: 20px;}
.page { }
.page a.pbtn { display:inline-block; padding:6px 10px 6px 10px; border: #e1e1e1 1pt solid; text-align:center; vertical-align:middle; font-family:"Tahoma"; margin-right:3px; color:#999; }
.page .pon { display:inline-block; padding:6px 9px 6px 9px; border: #e2161c 1pt solid; text-align:center; vertical-align:middle; font-family:"Tahoma"; margin-right:3px; color:#fff; font-weight:bold; background:#e2161c;}
#ctl00_ContentPlaceHolder1_ctl00_btnFind:focus{ padding:1px; margin:-1px -1px 0 0;}
/* jqueryUI datePicker */
.ui-datepicker { }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { height:23px; padding-left:10px;}
.ui-datepicker-trigger { vertical-align:middle; margin-left:3px; }
.ui-autocomplete-loading { background:white url('http://f.goodkiss.co.kr/sample/images/waiting.gif') right center no-repeat; }
/* jqueryUI Select Box */
.ui-selectmenu-button.ui-button { width:auto; padding:4px 0 4px 10px; background-color:#FFF; border-radius:0px; }
.ui-menu .ui-menu-item-wrapper { position:relative; padding:0 1em 0 .4em; }
.ui-menu { max-height: 250px; width: 100%; }
.UiSelProd { height: 21px; font-size:14px; line-height:20px;}
.UiSelYear { height: 21px; font-size:19px; line-height:21px; border:0; padding:0; margin:0; font-weight:bold}
.UiSelYear .ui-icon { margin-top:2px; }
.UiSelYear .ui-selectmenu-text { margin-right:10px; }
.UiSelYear:hover { border:0; font-weight:bold }
.UiSelComp { font-size:18px; line-height:18px; }
.UiSelODcss { background-color:#FFF0F0; }
.UiSelCompMenu { font-size:18px; height: 200px; }
/* jqueryUI Tooltip */
.ui-tooltip { padding:8px; position:absolute; border:1px solid #CCC; background:#333; color:#FFF; line-height:150%; white-space:normal; word-break:break-all; word-wrap: break-word; z-index:9999; max-width:800px; }
/* jqueryUI Note */
#NoteValue:focus { outline:none; }
/******************************
(input type="file") 꾸미기
*******************************/
.filebox input[type="file"] { position:absolute; width:0; height:0; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; background-color:#fff; }
.filebox label { display:inline-block; padding:0 10px; color:#000; line-height:24px; vertical-align:middle; background-color:#f0f0f0; cursor:pointer; border:1px solid #CCC; }
.filebox label:hover {position:relative; top:1px; left:1px;}
/* named upload */
.filebox .upload-name { color:#000; display:inline-block; height:24px; padding-left:5px; line-height:25px; vertical-align:middle; background-color:#fff; border:1px solid #ccc; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }
.filebox .upload-hidden { background-color: #fff; border-color:#FFF; }
/* imaged preview */
.filebox .upload-display { margin-bottom: 5px; }
@media(min-width: 768px) { .filebox .upload-display { display:inline-block; margin-right:5px; margin-bottom:0; } }
.filebox .upload-thumb-wrap { display:inline-block; width:54px; padding:2px; vertical-align:middle; border:1px solid #ddd; border-radius:5px; background-color:#fff; }
.filebox .upload-display img { display:block; max-width:100%; width:100% \9; height:auto; }
/********************************************************************/
/* Loading */
.LoadingLayer { display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:555;}
.LoadingLayer .LoadingBg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.LoadingLayer .LoadingImg { display:none; position: absolute; top: 50%; left: 50%; width: 350px; height:auto; }
#DivPt { width: 100%; height: 100%; background-color: #fff; box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; -moz-box-shadow: 0 0 25px #111; border: 1px solid #999; border-radius: 10px; outline: 10; display: none; z-index: 999999; }
#DivPtM { width: 100%; height: 100%; background-color: #fff; box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; -moz-box-shadow: 0 0 25px #111; border: 1px solid #999; border-radius: 10px; outline: 10; display: none; z-index: 999999; }
/*
#DivPt { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000); text-align: center; z-index: 999999; }
#DivPt { width: 820px; overflow: hidden; margin: 50px auto; position: relative; box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; -moz-box-shadow: 0 0 25px #111; background-color: #fff; border: 1px solid #999; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5); box-shadow: 0 3px 9px rgba(0,0,0,0.5); background-clip: padding-box; border-radius: 10px; }
*/
#DivPtB { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); box-shadow: 0 3px 9px rgba(0,0,0,0.5); -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5); -moz-box-shadow: 0 3px 9px rgba(0,0,0,0.5); border: 1px solid #999; border-radius: 10px; outline: 10; display: none; z-index: 999999; }
.PopBg {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:1000; }
#PopDv { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); box-shadow: 0 3px 9px rgba(0,0,0,0.5); -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5); -moz-box-shadow: 0 3px 9px rgba(0,0,0,0.5); border: 1px solid #999; border-radius: 10px; outline: 10; display: none; z-index: 999999; }
#PopBg { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:1000; }
/* portfolio */
#portfolio { position:relative; width:625px; height:500px;}
#portfolio .BPzone { position:absolute; top:0; left:0; text-align:center; display:inline-block; width:500px; height:390px; border:10px solid #CCC; padding:2px; }
#portfolio .SPzone { position:absolute; top:0; left:540px; width:105px; }
#portfolio .SPzone .Simg { display:inline-block; width:105px; height:82px; border:5px solid #CCC; margin-bottom:10px; padding:2px}
/* portfolio */
#DivPtM { width:90%; height:530px; }
#PtUrlM { width:100%; height:530px; }
#portfolioM { display:block; width:100%; height:530px;}
#portfolioM .BPzone { text-align:center; display:inline-block; border:10px solid #CCC; padding:2px; }
#portfolioM .BPzone #imgPic { width:100%; }
#portfolioM .SPzone { display:inline-block; margin-top:10px; text-align:center; }
#portfolioM .SPzone .Simg { display:inline-block; width:105px; height:82px; border:5px solid #CCC; margin-bottom:10px; padding:2px}
@media (min-width:415px)
{
#DivPtM { width: 610px; height:330px; }
#PtUrlM { width: 600px; height:310px; }
#portfolioM { display:block; width:600px; height:300px;}
#portfolioM .BPzone { float:left; display:inline-block; border:10px solid #CCC; padding:2px;}
#portfolioM .BPzone #imgPic { width:300px; display:block; }
#portfolioM .SPzone { float: left; display:inline-block; width:270px; margin-left:5px; vertical-align:top; margin-top:0px; }
#portfolioM .SPzone .Simg { display:inline-block; width:105px; height:82px; border:5px solid #CCC; margin-bottom:10px; margin-right:10px; padding:2px}
}
/*
"BPzone">