@charset "utf-8";

/* Button */
#at-scrap .btn-ok a { display:inline-block;margin:4px 0px;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;	color:#333333;background-color:#ffffff;border-color:#cccccc; padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px; text-decoration:none; }
#at-scrap .btn-ok a:focus { outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px; text-decoration:none; }
#at-scrap .btn-ok a:active, #at-scrap .btn-ok a.active { outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); text-decoration:none; }
#at-scrap .btn-ok a:hover, #at-scrap .btn-ok a:focus, #at-scrap .btn-ok a:active, #at-scrap .btn-ok a.active { color:#ffffff;background-color:#333333;border-color:#000000;text-decoration:none; }
#at-scrap .btn-ok a.over { color:#ffffff;background-color:#333333;border-color:#000000;text-decoration:none; }

/* Form */
#at-scrap form { padding:0px; margin:0px; overflow:hidden; display:inline !important; }
#at-scrap select { display: inline-block; padding: 4px 6px; font-size: 12px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; height: 30px; *margin-top: 4px; line-height: 30px; border: 1px solid #cccccc; background-color: #ffffff; }
#at-scrap select:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
#at-scrap input[type="text"], #at-scrap input[type="password"], #at-scrap input[type="email"], #at-scrap input[type="input"] { 
	display: inline-block; height: 20px; padding: 4px 6px; font-size: 12px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; height: 20px; *margin-top: 4px; border: 1px solid #cccccc; background-color: #ffffff; 
	background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s;  -moz-transition: border linear .2s, box-shadow linear .2s;  -o-transition: border linear .2s, box-shadow linear .2s;  transition: border linear .2s, box-shadow linear .2s; 
}
#at-scrap input[type="text"]:focus, #at-scrap input[type="password"]:focus, #at-scrap input[type="email"]:focus, #at-scrap input[type="input"]:focus { 
	border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); 
}
#at-scrap textarea { width:99%; font-weight:normal;line-height:20px; display:inline-block; padding:4px 6px; font-size:12px; color:#555555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle; height:auto; background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s; }
#at-scrap button[type="submit"] { font-weight:bold; display: inline-block; *display: inline; *zoom: 1; padding: 4px 12px; margin: 0; font-size: 12px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); }
#at-scrap button[type="submit"]:hover, #at-scrap input[type="submit"]:focus, #at-scrap input[type="submit"]:active { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; }
#at-scrap button[type="submit"].active { background-color: #cccccc \9; }
#at-scrap button[type="submit"]:hover, #at-scrap input[type="submit"]:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
#at-scrap button[type="submit"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
#at-scrap button[type="submit"]:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); }

/* Box */
#at-scrap .msg-box { margin:0px; padding: 15px 30px 15px 15px; border-left-color: rgb(238, 238, 238); border-left-width: 5px; border-left-style: solid; }
#at-scrap .box-danger { border-color: rgb(223, 181, 180); background-color: rgb(252, 242, 242); }
#at-scrap .box-warning { border-color: rgb(241, 231, 188); background-color: rgb(254, 251, 237); }
#at-scrap .box-info { border-color: rgb(208, 227, 240); background-color: rgb(240, 247, 253); }
#at-scrap .box-black { color:#fff; font-weight:bold; border-color: rgb(0, 0, 0); background-color: rgb(51, 51, 51); }
#at-scrap .box-gray { border-color: rgb(221, 221, 221); background-color: rgb(250, 250, 250); }
#at-scrap .box-view { padding:15px; border:1px solid #ddd; border-top:0px; line-height:24px; margin-bottom:10px; }

/* Table */
#at-scrap table.scrap-form{ width:100%; border-collapse:collapse; padding:0px; margin:0px; border:0px; } 
#at-scrap .scrap-form th { text-align:center; padding:8px 15px; border-bottom:1px solid #ddd; background:#fafafa; white-space:nowrap; width:60px; }
#at-scrap .scrap-form td { padding:8px 10px; line-height:20px; border-bottom:1px solid #ddd;}
#at-scrap .scrap-form td p { padding:0px; margin:0px; margin-top:4px; color:#888; }

#at-scrap table.scrap-list { width:100%; border-collapse:collapse; padding:0px; margin:0px; border:0px; } 
#at-scrap .scrap-list th { text-align:center; padding:8px; line-height:1.5; border-bottom:1px solid #ddd; background:#f5f5f5; }
#at-scrap .scrap-list td { text-align:center; padding:8px; line-height:1.5; border-bottom:1px solid #ddd; }
#at-scrap .scrap-list td.scrap-subject { text-align:left !important; }
#at-scrap .scrap-list td p { padding:0px; margin:0px; margin-top:4px; color:#888; }
#at-scrap .scrap-list .no-data { color:#888; text-align:center; padding:100px 0px; }
#at-scrap .scrap-list a { color:#000; text-decoration:none; }
#at-scrap .scrap-list a:hover { color:crimson; }
#at-scrap .member, #at-scrap .guest, #at-scrap .sv_member, #at-scrap .sv_guest { color:#000; font-weight:bold; }
#at-scrap .view-name .member, #at-scrap .view-name .guest, #at-scrap .view-name .sv_member, #at-scrap .view-name .sv_guest { color:#fff !important; }

#at-scrap .paginate{ padding:15px 0px;text-align:center;line-height:normal; }
#at-scrap .paginate a, #at-scrap .paginate strong{ display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle; }
#at-scrap .paginate a:hover, #at-scrap .paginate a:active, #at-scrap .paginate a:focus{ background-color:#f8f8f8; text-decoration:none; color:orangered; }
#at-scrap .paginate strong{ color:#f60; }
#at-scrap .paginate .direction{ font-weight:normal;color:#767676;white-space:nowrap; }
#at-scrap .paginate .direction span{ font:normal 11px dotum; }
#at-scrap .paginate .direction:hover, #at-scrap .paginate .direction:active, #at-scrap .paginate .direction:focus { background-color:#fff;color:#333;text-decoration:none; }

