@charset "utf-8";
/* CSS Document */

/**/
* {margin: 0px;padding: 0px;font-size: 12px;font-family:Arial,'돋움',Dotum,'굴림', Gulim, Sans-serif, Tahoma; word-break: keep-all;word-wrap: break-word;}
body{background: #f5f5f5;}
body, h1, h2, h3, h4, h5, h6, input, select, textarea, a, button {color: #333; font-size: 12px; font-family:Arial,'돋움',Dotum,'굴림', Gulim, Sans-serif, Tahoma; line-height: normal; vertical-align: top;}
input, select, textarea, a, button{vertical-align: middle;}
textarea{padding:5px;}
ul, ol, dl, dt, dd {list-style: none;}
a {color: #1363a4;cursor: pointer;font-size: 12px;text-decoration: none;}
button {border: 0; background-color: transparent; cursor: pointer;}
input[type="text"], input[type="file"], input[type="password"], select {height: 23px;border: 1px solid #969696;cursor: pointer;}
input[type="text"], input[type="password"] { padding-left:5px; }
select{height: 25px;}
input[type="text"] {cursor: text;}
img {border: none; vertical-align: top;}
fieldset {border: 0;margin: 0;padding: 0;}
table {width: 100%;border-collapse: collapse;border-spacing: 0;}
table.table-list{width: 100%;border-collapse: collapse;border-spacing: 0;}
pre{color: #666; white-space: pre-wrap;}
.hide, hr, legend, caption {overflow: hidden;position: absolute;width: 1px;height: 1px;font-size: 0;line-height: 0;}
.none {display: none !important;}
/*ul.inline-block li {display: inline-block; vertical-align: top; margin: 0 -2px; *display:inline; *float: left;}
ul.block li {display: block; vertical-align: top; float: none !important; margin: 0;}*/
.f-left {float: left;}
.f-right {float: right;}
.both {clear: both;}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.block{display: block !important;}
.inline-block{display: inline-block !important;}
.inline{display: inline !important;}
.ver-mid{vertical-align: middle !important;}
.ver-top{vertical-align: top !important;}
.ver-btm{vertical-align: bottom !important;}

/* btn-group */
.btn-group {position: relative;height: 28px;margin: 0;margin-top: 10px;}
.relative {position: relative; top: 0; left: 0; display: block;}
.absolute {position: absolute; top: 0; left: auto; right: 0;}
.left {right: auto !important; left: 0 !important;}
.right {right: 0 !important; left: auto !important;}
.btn-group .left a, .btn-group .left input[type="submit"] {float: left; margin-right: 5px;}
.btn-group .right a {margin-left: 5px;}
.btn{display: inline-block;min-width: 70px;padding: 5px 10px;/* background: #4d5360; *//* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#367caa+0,165d8b+100 */background: #367caa; /* Old browsers */background: -moz-linear-gradient(top,  #367caa 0%, #165d8b 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #367caa 0%,#165d8b 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #367caa 0%,#165d8b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367caa', endColorstr='#165d8b',GradientType=0 ); /* IE6-9 */color: #fff;cursor:pointer;font-size: 14px;font-weight: normal;vertical-align: top;text-align: center;border: 1px solid #165d8b;border-radius: 2px;font-family: 'Nanum Gothic';vertical-align: middle;}
a.btn{min-width: 50px;}
input[type="submit"].btn, input[type="button"].btn, button.btn{height :auto;}
a.btn-img {padding: 0;}
.btn:hover, .btn:focus, .btn:active {text-decoration: underline;}
.btn:hover, .btn:focus{background: #165d8b; text-decoration: none;}
a.btn-sm{
    min-width: 40px;
    padding: 4px 5px 4px;
    font-size: 12px;
}
input[type="submit"].btn-sm, input[type="button"].btn-sm, button.btn-sm{
    min-width: 50px;
    padding: 4px 5px 4px;
    font-size: 12px;
}
a.btn-lg{
    min-width: 40px;
    padding: 10px 15px;
    font-size: 16px;
}
input[type="submit"].btn-lg, input[type="button"].btn-lg, button.btn-lg{
    min-width: 50px;
    padding: 10px 15px;
    font-size: 16px;
}

.btn.btn-gray{
    border-color: #aeaeae;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,e5e5e5+100 */
    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f3f3f3 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    color: #243655;
}
.btn.btn-gray:hover, .btn.btn-gray:focus{background: #e5e5e5; text-decoration: none;}

.w-wp100{width: 100% !important;}
.w-wp90{width: 90%;}
.w-wp80{width: 80%;}
.w-wp75{width: 75%;}
.w-wp70{width: 70%;}
.w-wp60{width: 60%;}
.w-wp50{width: 50%;}
.w-wp40{width: 40%;}
.w-wp30{width: 30%;}
.w-wp20{width: 20%;}
.w-wp10{width: 10%;}
.w-wp95{width: 95%;}
.w-wp85{width: 85%;}
.w-wp75{width: 75%;}
.w-wp65{width: 65%;}
.w-wp55{width: 55%;}
.w-wp46{width: 46%;}
.w-wp45{width: 45%;}
.w-wp40{width: 40%;}
.w-wp37{width: 37%;}
.w-wp36{width: 36%;}
.w-wp35{width: 35%;}
.w-wp30{width: 30%;}
.w-wp25{width: 25%;}
.w-wp24{width: 24%;}
.w-wp21{width: 21.33%;}
.w-wp20{width: 20%;}
.w-wp18{width: 18.33%;}
.w-wp15{width: 15%;}
.w-wp14{width: 14%;}
.w-wp13{width: 13.33%;}
.w-wp12{width: 12%;}
.w-wp6{width: 6%;}
.w-wp5{width: 5%;}
/* [18.11.08]KMS */
.w-wp68{width: 68%;}
.w-wp23{width: 23%;}
.w-wp8{width: 8%;}
.w-wp17{width: 17%;}
.w-wp27{width: 27%;}
.w-wpMm{width: 7.33%;}
.w-wpQr{width: 22%;}
.w-wpHf{width: 44%;}

.mt3{margin-top: 3px;}

.bytes{
	text-align : center;
	width : 25px;
	font-size : 11px;
	border : 0px !important;
}

.clear{
 	font-size:17px !important;
 	margin-left:-1px !important;
 }
